NEWS*

PEOPLE PEOPLE PEOPLE.
arsons is my SIDE. fruit20 is my MAIN.

if you have any questions,
neomail me on my main.
please & thanks!

also, i would like to thank each and every one of you who are using my layouts and/or has neomailed me expressing how much you like them. i appreciate it a lot. =) i put a lot of hard work into providing css for people to use, and knowing a lot of people do use them makes me very happy.

this is important:
alright so, you can't link images with my codes so all you have to do is remove ".content div a img, .content div b" from the code and you shall be able to link images.

navigate*

simple lookups complex lookups gallery/shop layouts pet lookups pet pages make changes new lookups

guest read this*

if you aren't using the shop to be shown code,
you must change the 'usernamehere' to your username
in the shop & gallery links.

:)

rules*

1. leave credit always!

2. you can edit the coding however you want, but you must leave credit.

3. don't steal/claim it to be your own.

simple*

only 2 options. no adjustments necessary.

green, purple, & grey:

shop/gallery & neohome hidden:

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

/*made by sam*/
td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#363636;letter-spacing:0.5px;}

A:link,A:visited,A:active,b,a{font:7.5pt tahoma;color:#9933FF;font-weight:bold;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

i {color: #BADA09;font-style:normal;font-weight:bold;}

img{filter:alpha(opacity=85);opacity:.8;}

a:hover,a:hover b{color:#CCC;}

b{color:#9933FF;letter-spacing:1px;font-weight:bold;}

/*fruit20 that is*/
.contentModuleHeader,.contentModuleHeaderAlt, h1{background-color:#9933FF;font:8pt century gothic;border-bottom:3px solid #BADA09;letter-spacing:1px;text-align:right;text-transform:uppercase;margin:0px;color:#FFF;}

body {background-color:#CCC;}

</style />

</i>
<a href="/petcentral.phtml">central</a> - <a href="/explore.phtml">explore</a> - <a href="/neoboards/index.phtml">boards</a> - <a href="/browseshop.phtml?owner=usernamehere">shop</a> - <a href="/gallery/?gu=usernamehere">gallery</a> - <a href="/~bonyyclubb">css</a>
<br><br>	
text here  <i>bold</i>
<br><br>
remember to put your username in the shop & gallery links!
<br>

shop/gallery & neohome visible:

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

/*made by sam*/
td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#363636;letter-spacing:0.5px;}

A:link,A:visited,A:active,b,a{font:7.5pt tahoma;color:#9933FF;font-weight:bold;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

i {color: #BADA09;font-style:normal;font-weight:bold;}

img{filter:alpha(opacity=85);opacity:.8;}

a:hover,a:hover b{color:#CCC;}

b{color:#9933FF;letter-spacing:1px;font-weight:bold;}

body {background-color:#CCC;}

</style />

</i>
<a href="/petcentral.phtml">central</a> - <a href="/explore.phtml">explore</a> - <a href="/neoboards/index.phtml">boards</a> - <a href="/~bonyyclubb">css</a>
<br><br>	
text here  <i>bold</i>
<br>

blue, pink, & grey:

shop/gallery & neohome hidden:

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

/*made by sam*/
td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#363636;letter-spacing:0.5px;}

A:link,A:visited,A:active,b,a{font:7.5pt tahoma;color:#FB066B;font-weight:bold;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

i {color: #89D8D7;font-style:normal;font-weight:bold;}

img{filter:alpha(opacity=85);opacity:.8;}

a:hover,a:hover b{color:#89D8D7;}

b{color:#FB066B;letter-spacing:1px;font-weight:bold;}

/*fruit20 that is*/
.contentModuleHeader,.contentModuleHeaderAlt, h1{background-color: #FB066B;font:8pt century gothic;border-bottom:3px solid #89D8D7;letter-spacing:1px;text-align:right;text-transform:uppercase;margin:0px;color:#FFF;}

body {background-color:#5C5C5C;}

</style />

shop/gallery & neohome visible:

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

/*made by sam*/
td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#363636;letter-spacing:0.5px;}

A:link,A:visited,A:active,b,a{font:7.5pt tahoma;color:#FB066B;font-weight:bold;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

i {color: #89D8D7;font-style:normal;font-weight:bold;}

img{filter:alpha(opacity=85);opacity:.8;}

a:hover,a:hover b{color:#89D8D7;}

b{color:#FB066B;letter-spacing:1px;font-weight:bold;}

body {background-color:#5C5C5C;}

</style />

red, black, & grey:

shop/gallery & neohome hidden:

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

/*made by sam*/
td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#363636;letter-spacing:0.5px;}

A:link,A:visited,A:active,b,a{font:7.5pt tahoma;color:#830303;font-weight:bold;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

i {color: #A8B1AD;font-style:normal;font-weight:bold;}

img{filter:alpha(opacity=85);opacity:.8;}

a:hover,a:hover b{color:#A8B1AD;}

b{color:#830303;letter-spacing:1px;font-weight:bold;}

/*fruit20 that is*/
.contentModuleHeader,.contentModuleHeaderAlt, h1{background-color: #830303;font:8pt century gothic;border-bottom:3px solid #A8B1AD;letter-spacing:1px;text-align:right;text-transform:uppercase;margin:0px;color:#FFF;}

body {background-color:#000;}

</style />

shop/gallery & neohome visible:

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

/*made by sam*/
td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#363636;letter-spacing:0.5px;}

A:link,A:visited,A:active,b,a{font:7.5pt tahoma;color:#830303;font-weight:bold;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

i {color: #A8B1AD;font-style:normal;font-weight:bold;}

img{filter:alpha(opacity=85);opacity:.8;}

a:hover,a:hover b{color:#A8B1AD;}

b{color:#830303;letter-spacing:1px;font-weight:bold;}

body {background-color:#000;}

</style />

pink, yellow, & orange:

shop/gallery & neohome hidden:

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

/*made by sam*/
td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#363636;letter-spacing:0.5px;}

A:link,A:visited,A:active,b,a{font:7.5pt tahoma;color:#FF0B9A;font-weight:bold;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

i {color: #FF9909;font-style:normal;font-weight:bold;}

img{filter:alpha(opacity=85);opacity:.8;}

a:hover,a:hover b{color:#FF9909;}

b{color:#FF0B9A;letter-spacing:1px;font-weight:bold;}

/*fruit20 that is*/
.contentModuleHeader,.contentModuleHeaderAlt, h1{background-color: #FF0B9A;font:8pt century gothic;border-bottom:3px solid #FF9909;letter-spacing:1px;text-align:right;text-transform:uppercase;margin:0px;color:#FFF;}

body {background-color:#FFFF33;}

</style />

shop/gallery & neohome visible:

.contentModule div a img, .contentModule div b {display:inline;}
.contentModule,.contentModuleTable{border:none;}

/*made by sam*/
td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#363636;letter-spacing:0.5px;}

A:link,A:visited,A:active,b,a{font:7.5pt tahoma;color:#FF0B9A;font-weight:bold;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

i {color: #FF9909;font-style:normal;font-weight:bold;}

img{filter:alpha(opacity=85);opacity:.8;}

a:hover,a:hover b{color:#FF9909;}

b{color:#FF0B9A;letter-spacing:1px;font-weight:bold;}

body {background-color:#FFFF33;}

</style />

complex*

- PREVIEW -

one code fits all.

#main,.contentModuleTable,.contentModule{background:none;border:none;}
.contentModule div a img, .contentModule div b{display:inline;}
.contentModule img,.contentModuleContent {background: #AAA;}

/*made by fruit20*/
td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#363636;letter-spacing:0.5px;}

img{filter:alpha(opacity=90);opacity:.9;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

A:link,A:visited,A:active,a{font:7.5pt tahoma;color:#152B45;font-weight:bold;}

a:hover,a:hover b{color:#1D3D63;}

i{color: #152B45;font-style:normal;font-weight:bold;}

b{color:#152B45;letter-spacing:1px;font-weight:bold;}

/*mad by fruit20*/
.contentModuleHeader,.contentModuleHeaderAlt, h1{background-color: #152B45;font:8pt century gothic;border-bottom:1px dotted #363636;letter-spacing:1px;text-align:center;text-transform:uppercase;margin:0px;color:#AAA;font-weight:bold;}

h2{background-color:#152B45;font:8pt century gothic;border-bottom:1px dotted #363636;letter-spacing:1px;text-align:center;text-transform:uppercase;margin:0px;color:#AAA;font-weight:bold;height:12px;padding:4px;}

a.nav:link, a.nav:visited, a.nav:active {font-family: century gothic; font-size: 18pt; color: #152B45;display: inline; letter-spacing:5px; text-align: center;background-color:none;text-transform:uppercase;border-bottom:1px dotted #363636;font-weight:none;}
a.nav:hover {font-family: century gothic; font-size: 18pt; color:#363636;display: inline; letter-spacing:5px;}

body {background:url(http://i106.photobucket.com/albums/m241/samxxmas/blackblue.png);}

.a{font-size:18pt;color:#000;}

</style />

</i>
<a href="petcentral.phtml" class="nav">central</a> <font  class="a">-</font> <a href="explore.phtml" class="nav">explore</a> <font  class="a">-</font> <a href="neoboards/index.phtml" class="nav">boards</a> <font  class="a">-</font> <a href="/~bonyyclubb" class="nav">premades</a>
<br><br>

<div id="box">
<h2>welcome to my lookup</h2>
<br>
text here <i>bold</i>
<br><br>
add your other links here.
<br><br>
</div>

#main,.contentModuleTable,.contentModule{background:none;border:none;}
.contentModule div a img, .contentModule div b{display:inline;}
.contentModule img,.contentModuleContent {background: #FFF;}

/*made by fruit20*/
td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#363636;letter-spacing:0.5px;}

img{filter:alpha(opacity=90);opacity:.9;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

A:link,A:visited,A:active,a{font:7.5pt tahoma;color:#345680;font-weight:bold;}

a:hover,a:hover b{color:#416DA4;}

i{color: #345680;font-style:normal;font-weight:bold;}

b{color:#345680;letter-spacing:1px;font-weight:bold;}

/*mad by fruit20*/
.contentModuleHeader,.contentModuleHeaderAlt, h1{background-color: #345680;font:8pt century gothic;border-bottom:1px dotted #363636;letter-spacing:1px;text-align:center;text-transform:uppercase;margin:0px;color:#FFF;font-weight:bold;}

h2{background-color: #345680;font:8pt century gothic;border-bottom:1px dotted #363636;letter-spacing:1px;text-align:center;text-transform:uppercase;margin:0px;color:#FFF;font-weight:bold;height:12px;padding:4px;}

a.nav:link, a.nav:visited, a.nav:active {font-family: century gothic; font-size: 18pt; color: #345680;display: inline; letter-spacing:5px; text-align: center;background-color:none;text-transform:uppercase;border-bottom:1px dotted #363636;}
a.nav:hover {font-family: century gothic; font-size: 18pt; color:#FFF;display: inline; letter-spacing:5px;}

body {background:url(http://i106.photobucket.com/albums/m241/samxxmas/by.png);}

.a{font-size:18pt;color:#FFFF81;}

</style />

<div id="box">
<h2>welcome to my lookup</h2>
<br>
text here <i>bold</i>
<br><br>
add your other links here
<br><br>
</div>

#main,.contentModuleTable,.contentModule{background:none;border:none;}
.contentModule div a img, .contentModule div b{display:inline;}
.contentModule img,.contentModuleContent {background: #EEE;}

/*made by fruit20*/
td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#4F4F4F;letter-spacing:0.5px;}

img{filter:alpha(opacity=90);opacity:.9;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

A:link,A:visited,A:active,a{font:7.5pt tahoma;color:#6BC830;font-weight:bold;}

a:hover,a:hover b{color:#7AE538;}

i{color: #6BC830;font-style:normal;font-weight:bold;}

b{color:#6BC830;letter-spacing:1px;font-weight:bold;}

/*mad by fruit20*/
.contentModuleHeader,.contentModuleHeaderAlt, h1{background-color: #6BC830;font:8pt century gothic;border-bottom:1px dotted #4F4F4F;letter-spacing:1px;text-align:center;text-transform:uppercase;margin:0px;color:#A1FB73;font-weight:bold;}

h2{background-color: #6BC830;font:8pt century gothic;border-bottom:1px dotted #4F4F4F;letter-spacing:1px;text-align:center;text-transform:uppercase;margin:0px;color:#A1FB73;font-weight:bold;height:12px;padding:4px;}

a.nav:link, a.nav:visited, a.nav:active {font-family: century gothic; font-size: 18pt; color: #6BC830;display: inline; letter-spacing:5px; text-align: center;background-color:none;text-transform:uppercase;border-bottom:1px dotted #4F4F4F;}
a.nav:hover {font-family: century gothic; font-size: 18pt; color:#EEE;display: inline; letter-spacing:5px;}

body {background:url(http://i106.photobucket.com/albums/m241/samxxmas/lightgreen.png);}

.a{font-size:18pt;color:#A1FB73;}

</style />

<div id="box">
<h2>welcome to my lookup</h2>
<br>
text here <i>bold</i>
<br><br>
add your other links here
<br><br>
</div>

#main,.contentModuleTable,.contentModule{background:none;border:none;}
.contentModule div a img, .contentModule div b{display:inline;}
.contentModule img,.contentModuleContent {background: #AAA;}

/*made by fruit20*/
td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#363636;letter-spacing:0.5px;}

img{filter:alpha(opacity=90);opacity:.9;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

A:link,A:visited,A:active,a{font:7.5pt tahoma;color:#AB211B;font-weight:bold;}

a:hover,a:hover b{color:#CB2620;}

i{color:#AB211B;font-style:normal;font-weight:bold;}

b{color:#AB211B;letter-spacing:1px;font-weight:bold;}

/*mad by fruit20*/
.contentModuleHeader,.contentModuleHeaderAlt, h1{background-color: #AB211B;font:8pt century gothic;border-bottom:1px dotted #363636;letter-spacing:1px;text-align:center;text-transform:uppercase;margin:0px;color:#333;font-weight:bold;}

h2{background-color: #AB211B;font:8pt century gothic;border-bottom:1px dotted #363636;letter-spacing:1px;text-align:center;text-transform:uppercase;margin:0px;color:#333;font-weight:bold;height:12px;padding:4px;}

a.nav:link, a.nav:visited, a.nav:active {font-family: century gothic; font-size: 18pt; color: #AB211B;display: inline; letter-spacing:5px; text-align: center;background-color:none;text-transform:uppercase;border-bottom:1px dotted #696969;}
a.nav:hover {font-family: century gothic; font-size: 18pt; color:#AAA;display: inline; letter-spacing:5px;}

body {background:url(http://i106.photobucket.com/albums/m241/samxxmas/redgrey.png);}

.a{font-size:18pt;color:#333;}

</style />

<div id="box">
<h2>welcome to my lookup</h2>
<br>
text here <i>bold</i>
<br><br>
add your other links here.
<br><br>
</div>

#main,.contentModuleTable,.contentModule{background:none;border:none;}
.contentModule div a img, .contentModule div b{display:inline;}
.contentModule img,.contentModuleContent {background: #DDD;}

/*made by fruit20*/
td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#4F4F4F;letter-spacing:0.5px;}

img{filter:alpha(opacity=90);opacity:.9;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

A:link,A:visited,A:active,a{font:7.5pt tahoma;color:#919191;font-weight:bold;}

a:hover,a:hover b{color:#9C9C9C;}

i{color:#919191;font-style:normal;font-weight:bold;}

b{color:#919191;letter-spacing:1px;font-weight:bold;}

/*mad by fruit20*/
.contentModuleHeader,.contentModuleHeaderAlt, h1{background-color: #919191;font:8pt century gothic;border-bottom:1px dotted #363636;letter-spacing:1px;text-align:center;text-transform:uppercase;margin:0px;color:#000;font-weight:bold;}

h2{background-color: #919191;font:8pt century gothic;border-bottom:1px dotted #363636;letter-spacing:1px;text-align:center;text-transform:uppercase;margin:0px;color:#000;font-weight:bold;height:12px;padding:4px;}

a.nav:link, a.nav:visited, a.nav:active {font-family: century gothic; font-size: 18pt; color: #919191;display: inline; letter-spacing:5px; text-align: center;background-color:none;text-transform:uppercase;border-bottom:1px dotted #AAA;}
a.nav:hover {font-family: century gothic; font-size: 18pt; color:#DDD;display: inline; letter-spacing:5px;}

body {background:url(http://i106.photobucket.com/albums/m241/samxxmas/blackgrey.png);}

.a{font-size:18pt;color:#000;}

</style />

<div id="box">
<h2>welcome to my lookup</h2>
<br>
text here <i>bold</i>
<br><br>
add your other links here.
<br><br>
</div>

#main,.contentModuleTable,.contentModule{background:none;border:none;}
.contentModule div a img, .contentModule div b{display:inline;}
.contentModule img,.contentModuleContent {background: #DDD;}

/*made by fruit20*/
td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#4F4F4F;letter-spacing:0.5px;}

img{filter:alpha(opacity=90);opacity:.9;}

a:hover img{opacity:1.0; filter:alpha(opacity=100);}

A:link,A:visited,A:active,a{font:7.5pt tahoma;color:#363677;font-weight:bold;}

a:hover,a:hover b{color:#6D6DA1;}

i{color:#363677;font-style:normal;font-weight:bold;}

b{color:#363677;letter-spacing:1px;font-weight:bold;}

/*mad by fruit20*/
.contentModuleHeader,.contentModuleHeaderAlt, h1{background-color: #363677;font:8pt century gothic;border-bottom:1px dotted #363636;letter-spacing:1px;text-align:center;text-transform:uppercase;margin:0px;color:#6D6DA1;font-weight:bold;}

h2{background-color: #363677;font:8pt century gothic;border-bottom:1px dotted #363636;letter-spacing:1px;text-align:center;text-transform:uppercase;margin:0px;color:#6D6DA1;font-weight:bold;height:12px;padding:4px;}

a.nav:link, a.nav:visited, a.nav:active {font-family: century gothic; font-size: 18pt; color: #363677;display: inline; letter-spacing:5px; text-align: center;background-color:none;text-transform:uppercase;border-bottom:1px dotted #363636;}
a.nav:hover {font-family: century gothic; font-size: 18pt; color:#DDD;display: inline; letter-spacing:5px;}

body {background:url(http://i106.photobucket.com/albums/m241/samxxmas/purple.png);}

.a{font-size:18pt;color:#6D6DA1;}

</style />

<div id="box">
<h2>welcome to my lookup</h2>
<br>
text here <i>bold</i>
<br><br>
add your other links here.
<br><br>
</div>

gallery/shop layouts*

previews:
GALLERY - SHOP

blue & grey:

#content {display:inline;width:650px;}

.content table table {width:550px;}

#main {display:inline;position:absolute;left:30px;top:10px;width:615px;}
#main {background:none;border: none;}

.sidebar {display:none; background:none;}

.tablestyle{display:inline;}

div{display:none}

/*made by fruit20*/
td,p,body,font,a,.medText,u,b{font:7.5pt tahoma;color:#363636;}

img{filter:alpha(opacity=90);opacity:.9;}

A:link,A:visited,A:active,a{font:7.5pt tahoma;color:#152B45;font-weight:bold;}

a:hover,a:hover b{color:#1D3D63;}

i{color: #152B45;font-style:normal;font-weight:bold;}

b{color:#152B45;text-transform:lowercase;font-weight:bold;}

/*made by fruit20*/

a.nav:link, a.nav:visited, a.nav:active {font-family: century gothic; font-size: 18pt; color: #152B45;display: inline; letter-spacing:5px; text-align: center;background-color:none;text-transform:uppercase;}
a.nav:hover {font-family: century gothic; font-size: 18pt; color:#363636;display: inline; letter-spacing:5px;}

body{background: url(http://i215.photobucket.com/albums/cc226/samenttruck/blgbg.png) repeat-y fixed left top;background-color: #152B45;}

.a{font-size:14pt;color:#CCC;}

</style />

</i>
<center>
<a href="/petcentral.phtml" class="nav">central</a> <font class="a">-</font> <a href="/explore.phtml" class="nav">explore</a> <font class="a">-</font> <a href="/neoboards/index.phtml" class="nav">boards</a> <font class="a">-</font> <a href="/~bonyyclubb" class="nav">css</a>
<br>
<h2>welcome</h2>
<br>
text here <i>bold</i>
</center>

pink, grey, & light green:

#content {display:inline;width:650px;}

.content table table {width:550px;}

#main {display:inline;position:absolute;left:30px;top:10px;width:615px;}
#main {background:none;border: none;}

.sidebar {display:none; background:none;}

.tablestyle{display:inline;}

div{display:none}

/*made by fruit20*/
td,p,body,font,a,.medText,u,b{font:7.5pt tahoma;color:#696969;}

img{filter:alpha(opacity=90);opacity:.9;}

A:link,A:visited,A:active,a{font:7.5pt tahoma;color:#FF5279;font-weight:bold;}

a:hover,a:hover b{color:#BDF585;}

i{color:#FF5279;font-style:normal;font-weight:bold;}

b{color:#FF5279;text-transform:lowercase;font-weight:bold;}

.g{color:#AEAEAE;font-size:14pt;}

/*made by fruit20*/

h2{background-color:#BDF585;font:8pt century gothic;border-bottom:1px dotted #BBB;letter-spacing:1px;text-align:center;text-transform:uppercase;margin:0px;color:#696969;font-weight:bold;height:12px;padding:4px;width:492px;}

a.nav:link, a.nav:visited, a.nav:active {font-family: century gothic; font-size: 18pt; color:#FF5279;display: inline; letter-spacing:5px; text-align: center;background-color:none;text-transform:uppercase;}
a.nav:hover {font-family: century gothic; font-size: 18pt; color:#FFF;display: inline; letter-spacing:5px;}

body{background: url(http://i215.photobucket.com/albums/cc226/samenttruck/gregrey.png) repeat-y fixed left top;background-color: #BDF585;}

</style />

</i>
<center>
<a href="/petcentral.phtml" class="nav">central</a> <font class="g">-</font> <a href="/explore.phtml" class="nav">explore</a> <font class="g">-</font> <a href="/neoboards/index.phtml" class="nav">boards</a> <font class="g">-</font> <a href="/~bonyyclubb" class="nav">css</a>
<br>
<h2>welcome</h2>
<br>
text here <i>bold</i>
</center>

blue & yellow:

#content {display:inline;width:650px;}

.content table table {width:550px;}

#main {display:inline;position:absolute;left:30px;top:10px;width:615px;}
#main {background:none;border: none;}

.sidebar {display:none; background:none;}

.tablestyle{display:inline;}

div{display:none}

/*made by fruit20*/
td,p,body,font,a,.medText,u,b{font:7.5pt tahoma;color:#363636;}

img{filter:alpha(opacity=90);opacity:.9;}

A:link,A:visited,A:active,a{font:7.5pt tahoma;color:#345680;font-weight:bold;}

a:hover,a:hover b{color:#416DA4;}

i{color: #345680;font-style:normal;font-weight:bold;}

b{color:#345680;font-weight:bold;}

/*made by fruit20*/

a.nav:link, a.nav:visited, a.nav:active {font-family: century gothic; font-size: 18pt; color: #345680;display: inline; letter-spacing:5px; text-align: center;background-color:none;text-transform:uppercase;}
a.nav:hover {font-family: century gothic; font-size: 18pt; color:#FFF;display: inline; letter-spacing:5px;}

body{background: url(http://i215.photobucket.com/albums/cc226/samenttruck/beye.png) repeat-y fixed left top;background-color: #345680;}

.a{font-size:14pt;color:#FFFF81;}

</style />

light green:

#content {display:inline;width:650px;}

.content table table {width:550px;}

#main {display:inline;position:absolute;left:30px;top:10px;width:615px;}
#main {background:none;border: none;}

.sidebar {display:none; background:none;}

.tablestyle{display:inline;}

div{display:none}

/*made by fruit20*/
td,p,body,font,a,.medText,u,b{font:7.5pt tahoma;color:#4F4F4F;}

img{filter:alpha(opacity=90);opacity:.9;}

A:link,A:visited,A:active,a{font:7.5pt tahoma;color:#6BC830;font-weight:bold;}

a:hover,a:hover b{color:#7AE538;}

i{color: #6BC830;font-style:normal;font-weight:bold;}

b{color:#6BC830;font-weight:bold;}

/*made by fruit20*/

a.nav:link, a.nav:visited, a.nav:active {font-family: century gothic; font-size: 18pt; color: #6BC830;display: inline; letter-spacing:5px; text-align: center;background-color:none;text-transform:uppercase;}
a.nav:hover {font-family: century gothic; font-size: 18pt; color:#EEE;display: inline; letter-spacing:5px;}

body{background: url(http://i215.photobucket.com/albums/cc226/samenttruck/lightgr.png) repeat-y fixed left top;background-color: #6BC830;}

.a{font-size:14pt;color:#A1FB73;}

</style />

red & grey:

#content {display:inline;width:650px;}

.content table table {width:550px;}

#main {display:inline;position:absolute;left:30px;top:10px;width:615px;}
#main {background:none;border: none;}

.sidebar {display:none; background:none;}

.tablestyle{display:inline;}

div{display:none}

/*made by fruit20*/
td,p,body,font,a,.medText,u,b{font:7.5pt tahoma;color:#696969;}

img{filter:alpha(opacity=90);opacity:.9;}

A:link,A:visited,A:active,a{font:7.5pt tahoma;color:#AB211B;font-weight:bold;}

a:hover,a:hover b{color:#CB2620;}

i{color: #AB211B;font-style:normal;font-weight:bold;}

b{color:#AB211B;font-weight:bold;}

/*made by fruit20*/

a.nav:link, a.nav:visited, a.nav:active {font-family: century gothic; font-size: 18pt; color: #AB211B;display: inline; letter-spacing:5px; text-align: center;background-color:none;text-transform:uppercase;}
a.nav:hover {font-family: century gothic; font-size: 18pt; color:#AAA;display: inline; letter-spacing:5px;}

body{background: url(http://i215.photobucket.com/albums/cc226/samenttruck/regr.png) repeat-y fixed left top;background-color: #AB211B;}

.a{font-size:14pt;color:#333;}

</style />

black & grey:

#content {display:inline;width:650px;}

.content table table {width:550px;}

#main {display:inline;position:absolute;left:30px;top:10px;width:615px;}
#main {background:none;border: none;}

.sidebar {display:none; background:none;}

.tablestyle{display:inline;}

div{display:none}

/*made by fruit20*/
td,p,body,font,a,.medText,u,b{font:7.5pt tahoma;color:#4F4F4F;}

img{filter:alpha(opacity=90);opacity:.9;}

A:link,A:visited,A:active,a{font:7.5pt tahoma;color:#919191;font-weight:bold;}

a:hover,a:hover b{color:#9C9C9C;}

i{color: #919191;font-style:normal;font-weight:bold;}

b{color:#919191;font-weight:bold;}

/*made by fruit20*/

a.nav:link, a.nav:visited, a.nav:active {font-family: century gothic; font-size: 18pt; color: #919191;display: inline; letter-spacing:5px; text-align: center;background-color:none;text-transform:uppercase;}
a.nav:hover {font-family: century gothic; font-size: 18pt; color:#363636;display: inline; letter-spacing:5px;}

body{background: url(http://i215.photobucket.com/albums/cc226/samenttruck/blgr.png) repeat-y fixed left top;background-color:#919191;}

.a{font-size:14pt;color:#DDD;}

</style />

purple:

#content {display:inline;width:650px;}

.content table table {width:550px;}

#main {display:inline;position:absolute;left:30px;top:10px;width:615px;}
#main {background:none;border: none;}

.sidebar {display:none; background:none;}

.tablestyle{display:inline;}

div{display:none}

/*made by fruit20*/
td,p,body,font,a,.medText,u,b{font:7.5pt tahoma;color:#000;}

img{filter:alpha(opacity=90);opacity:.9;}

A:link,A:visited,A:active,a{font:7.5pt tahoma;color:#363677;font-weight:bold;}

a:hover,a:hover b{color:#6D6DA1;}

i{color: #363677;font-style:normal;font-weight:bold;}

b{color:#363677;font-weight:bold;}

/*made by fruit20*/

a.nav:link, a.nav:visited, a.nav:active {font-family: century gothic; font-size: 18pt; color: #363677;display: inline; letter-spacing:5px; text-align: center;background-color:none;text-transform:uppercase;}
a.nav:hover {font-family: century gothic; font-size: 18pt; color:#DDD;display: inline; letter-spacing:5px;}

body{background: url(http://i215.photobucket.com/albums/cc226/samenttruck/pu.png) repeat-y fixed left top;background-color: #363677;}

.a{font-size:14pt;color:#6D6DA1;}

</style />

pet lookups*

if you don't have the rating disabled, the stars will be all big and weird so, if you would like to keep the rating enabled, just take out this:
.contentModuleContent td img{width:60px;height:60px;}

rainbowish - preview

shades of grey - preview

green - preview

light blue - preview

pet pages*

these pet pages are like the pet page here.
same color schemes as the simple lookups.

green, purple, & grey:

blue, pink, & grey:

red, black, & grey:

pink, yellow, & orange:

changing things [simple]*

want a patterned background? here's how to do that:

find this in your code:
body {background-color:#000000;}

once you have, replace it with this:
body {background:url(img url here);}

- x -

make your pets and/or trophies smaller:

add it to the top of your coding under the style tags.

for pets:
#userneopets img{width:70px;height:70px;}

for trophies:
#usertrophies img{width:40px;height:40px;}

change the sizes if you need too.

pet page changes*

want a background?

do the same thing as explained in the section above ^

extra*

want bigger text like this?

use this code and put it anywhere
between the style tags:

then to make the text bigger use this
(this code goes where your text does):

which will result in this:
text here

for links it's different:

you must do that for it to work.

for multiple big texts (different color, font, etc.)
just add a new code

but change the letter in front; for ex. i changed it to e.

- x -

for very basic css changes
go here.

need some colors? go here:
www(dot)colourlovers(dot)com

Credit*

this petpage layout was made by me sam aka fruit20
not available for your use...yet. :)

i'd love to hear your suggestions/questions/comments
so feel free to neomail me.

*** LINK BUTTON COMING SOON ***

NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2008.
® denotes Reg. US Pat. & TM Office. All rights reserved.
PRIVACY POLICY | Safety Tips | Contact Us | About Us | Press Kit
Use of this site signifies your acceptance of the Terms and Conditions