Navigation

Welcome

Petpages

Userlookups

Shop Layouts

Sitely

If you would like to be an affiliate, please neomail me at sleepycloud63.

Link Back:

<a href="/~azoryus"><img src="http://i39.tinypic.com/14l3ofa.png" border="0"></a>
Thank you Mary for the wonderful button!

Listed At:

simplicity

Hello & welcome to Simplicity, a simple css site. c: My name's Quinn, and I'm the owner of this site. Please neomail me with any problems &/or concerns about the site.

Currently, I'm working on making userlookups and improving the quality of my petpages (as they are quite bland... ahem, simple at the moment). Any suggestions, tips, etc, are appreciated!

Please do not steal any of this coding, as I worked very hard to learn the basis of it. You may edit the coding however you wish, just please leave some sort of credit. Thank you!

petpages

style one.
example: this petpage.
[ a simple two column layout perfect for editing! ]

kiwi.
<style> BODY, TABLE, TD { color: #000000; font-family: Tahoma; font-size: 8.5pt; text-align: justify; } BODY { background-color: #F1396D; } #EXTRA, #INFO { top: 75px; margin: 6px; padding: 6px; border: 1px solid #F3FFEB; } #INFO { left: 300px; width: 400px; height: 500px; overflow: auto; background: #FFFFFF; } #EXTRA { left: 750px; width: 200px; height: auto; background: #FFFFFF; } h1 { color: #FD6081; font-size: 24px; font-weight: bold; font-family: georgia; text-align: left; margin: 3px; padding: 2px; } h2 { color: #ACC95F; font-size: 24px; font-weight: bold; font-family: georgia; text-align: left; margin: 3px; padding: 2px; } b { color: #8F9924; } i { color: #F1396D; } a:link, a, .pa, a visited, a:active { color: #8F9924; text-decoration: none; } a:hover { color: #F1396D; text-decoration: -blocked-; } .sf { display: none; } #header, #footer { display: none; } table { background-color: transparent; } table a img { display: none; } </style> <div style="position: absolute;" id="extra"> <h1>updates</h1> put whatever here! c: <br>This petpage was made by <a href="/~Azoryus">Simplicity CSS</a> and edited by me. (Make this credit however small you want, but please have it somewhere. Feel free to delete this parentheses c:) <br> </div> <div style="position: absolute;" id="info"> <a name="intro"></a><h1>style one v. kiwi</h1> text goes here! just keep typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing <h2>header 2</h2> text goes here! just keep typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing </div>

orange explosion.
<style> BODY, TABLE, TD { color: #000000; font-family: Tahoma; font-size: 8.5pt; text-align: justify; } BODY { background-color: #FC580C; } #EXTRA, #INFO { top: 75px; margin: 6px; padding: 6px; border: 4px solid #FFA927; } #INFO { left: 300px; width: 400px; height: 500px; overflow: auto; background: #FFFFFF; } #EXTRA { left: 750px; width: 200px; height: auto; background: #FFFFFF; } h1 { color: #FDCA49; font-size: 24px; font-weight: bold; font-family: georgia; text-align: left; margin: 3px; padding: 2px; } h2 { color: #FFA927; font-size: 24px; font-weight: bold; font-family: georgia; text-align: left; margin: 3px; padding: 2px; } b { color: #FDCA49; } i { color: #FFA927; } a:link, a, .pa, a visited, a:active { color: #FFA927; text-decoration: none; } a:hover { color: #FDCA49; text-decoration: -blocked-; } .sf { display: none; } #header, #footer { display: none; } table { background-color: transparent; } table a img { display: none; } </style> <div style="position: absolute;" id="extra"> <h1>updates</h1> put whatever here! c: <br>This petpage was made by <a href="/~Azoryus">Simplicity CSS</a> and edited by me. (Make this credit however small you want, but please have it somewhere. Feel free to delete this parentheses c:) <br> </div> <div style="position: absolute;" id="info"> <a name="intro"></a><h1>style one v. orange</h1> text goes here! just keep typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing <h2>header 2</h2> text goes here! just keep typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing </div>

ocean waves.
<style> BODY, TABLE, TD { color: #000000; font-family: Tahoma; font-size: 8.5pt; text-align: justify; } BODY { background: url("http://colourlovers.com.s3.amazonaws.com/images/patterns/106/106800.png"); } #EXTRA, #INFO { top: 75px; margin: 6px; padding: 6px; } #INFO { left: 300px; width: 400px; height: 500px; overflow: auto; background: #FFFFFF; } #EXTRA { left: 750px; width: 200px; height: auto; background: #FFFFFF; } h1 { color: #014347; font-size: 24px; font-weight: bold; font-family: georgia; text-align: left; margin: 3px; padding: 2px; } h2 { color: #0296A1; font-size: 24px; font-weight: bold; font-family: georgia; text-align: left; margin: 3px; padding: 2px; } b { color: #015D63; } i { color: #018791; } a:link, a, .pa, a visited, a:active { color: #015D63; text-decoration: none; } a:hover { color: #018791; text-decoration: -blocked-; } .sf { display: none; } #header, #footer { display: none; } table { background-color: transparent; } table a img { display: none; } </style> <div style="position: absolute;" id="extra"> <h1>updates</h1> put whatever here! c: <br>This petpage was made by <a href="/~Azoryus">Simplicity CSS</a> and edited by me. (Make this credit however small you want, but please have it somewhere. Feel free to delete this parentheses c:) <br> </div> <div style="position: absolute;" id="info"> <a name="intro"></a><h1>style one v. ocean waves</h1> text goes here! just keep typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing <h2>header 2</h2> text goes here! just keep typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing typing </div>

style two.
example:

[ a simplistic one column petpage with a nav on the top! ]

swirling dots.
<style> BODY, TABLE, TD { color: #000000; font-family: Tahoma; font-size: 8.5pt; text-align: justify; } BODY { background: url("http://colourlovers.com.s3.amazonaws.com/images/patterns/1344/1344083.png"); } #EXTRA { top: 75px; margin: 6px; padding: 6px; } #INFO { top: 200px; margin: 6px; padding: 6px; } #INFO { left: 310px; width: 500px; height: 300px; overflow: auto; background: #FFFFFF; } #EXTRA { left: 350px; width: 400px; height: 50px; background: #FFFFFF; } h1 { color: #370D3B; font-size: 24px; font-weight: bold; font-family: georgia; text-align: left; margin: 3px; padding: 2px; } h2 { color: #744D68; font-size: 24px; font-weight: bold; font-family: georgia; text-align: left; margin: 3px; padding: 2px; } b { color: #744D68; } i { color: #B18B76; } a:link, a, .pa, a visited, a:active { color: #B18B76; text-decoration: none; } a:hover { color: #744D68; text-decoration: -blocked-; } .sf { display: none; } #header, #footer { display: none; } table { background-color: transparent; } table a img { display: none; } </style> <div style="position: absolute;" id="extra"> <center> <font size="150" face="georgia" color="#431C48">page name here~</font> </center> </div> <div style="position: absolute;" id="info"> <h1>style two v. dots</h1> oh hey. just keep typing for awhile, ight? i think you know the deal here… you just type and type and type and type and type and type and type and type and type and type and type and type and type and type and type and type and type and type and type and type and type and type and type <br>All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here.All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here.All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here.All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here.All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here.All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here.All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here.All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here.All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here.<br><br><br><h2>sitely</h2> Coded by <a href="/~azoryus">Simplicity</a>, edited by me. <br><br>Please leave this credit here. Thank you.</div>

userlookups

style one.
example:


[ a simple css layout. great for editing! ]

valentine candy.
<style> #footer, #header, #ban, .brand-mamabar, #habitarium { display: none; } #main, .content, #content { width: 720px; background-color: #FFFFFF; } #main { border-right: 4px solid #782833; border-left: 4px solid #782833; width: 800px; } #content { width: 720px; } body { background: url("http://colourlovers.com.s3.amazonaws.com/images/patterns/1112/1112279.png"); } h1 { width: 720px; font: 30pt georgia; color: #E64D62; margin: 0px; font-weight: bold; } .contentModuleHeader, .contentModuleHeaderAlt { color: #E64D62; background-color: #FFFFFF; } .contentModuleTable, .contentModuleContent, .contentModule { border: none; background-color: #FFFFFF; } .nav { display: inline; width: 200px; height: auto; background-color: #FFEFD7; font-family: tahoma; font-size: 10pt; font-weight: bold; text-align: center; } .medText, td { color: -blocked-; } a:link, a:visited { color: #782833; text-decoration: none; } a:hover { color: #E64D62; } </style> <br><br><br><br><br><a href="/myaccount.phtml" class="nav"><font color="#FFEFD7">-</font>account<font color="#FFEFD7">-</font> </a><font color="#ffffff">__</font> <a href="/games/arcade.phtml" class="nav"><font color="#FFEFD7">-</font>games<font color="#FFEFD7">-</font> </a><font color="#ffffff">__</font> <a href="/explore.phtml" class="nav"><font color="#FFEFD7">-</font>explore<font color="#FFEFD7">-</font> </a><font color="#ffffff">__</font> <a href="/petcentral.phtml" class="nav"><font color="#FFEFD7">-</font>pet central<font color="#FFEFD7">-</font> </a><font color="#ffffff">__</font> <a href="/neoboards/index.phtml" class="nav"><font color="#FFEFD7">-</font>boards<font color="#FFEFD7">-</font> </a><font color="#ffffff">__</font> <a href="/~azoryus" class="nav"><font color="#FFEFD7">-</font>css<font color="#FFEFD7">-</font></a> <br><br><h1><i>name here **</i></h1> type type type type type type type type & type some more. in case you were wondering, this is where you put your info! ignore everything above, you don't need to change anything, it's just the nav. enjoy & please don't remove the credit, thank you! <br><br> Userlookup made by <a href="/~azoryus">Simplicity</a>.

shop layouts

blue.
<style> .ad_wrapper_fixed p, #ad300, #ad728, #ban_bottom, #vert_slug_leaderboard, .adBox2, .footOverlay { width: 0px; height: 0px; overflow: auto; z-index: 0; border: none; } #ban { height: 0px !important; } #header, #footer, li.nav_image, .sidebarModule table.sidebarTable .neofriend, .ad_wrapper_fixed p, #ad300, #ad728, #ban_bottom, #vert_slug_leaderboard, .adBox2, .footOverlay, td.activePet img, .sidebarModule img, .brand-mamabar, #ban { width: 0px !important; height: 0px !important; overflow: hidden; z-index: -1; border: none; background: none; } .activePetInfo td font, td b span, .neofriend .sf, .sidebarModule, .sidebarModule table td, .sidebar, .activePet a img, .activePetInfo, .sidebarHeader a img, .neofriendInfo, .neofriendUsername, .sidebarTable, .sidebarHeader, .neofriendAvatar, .sf a b, .sidebarTable a b, table .neofriendUsername a, table .neofriendInfo a, td.neopetPhrase, td.neopetPhrase b { width: 0px; height: -blocked-; font-size: 0px; color: #ffffff; border: none; background: none; float: left; } table .sidebar { width: 1px; height: -blocked-; font-size: 0px; color: #FFFFFF; border: none; background: none; float: left; } img { border: none; } #main { text-align: center; width: 720px; border-left: 2px solid #6792AB; border-right: 2px solid #6792AB; background-color: #FFFFFF; } #content, .content { width: 720px; border: none; background: none; } body { background-color: #9FC2D6; } #main, div { text-align: center; color: #000000; } a:link, a:visited, a:active { text-decoration: none; color: #B8D0DE; } a:hover { color: #73A2BD; } </style> <center> <br><br> - <a href="/myaccount.phtml"> account </a> - <a href="/petcentral.phtml"> central </a> - <a href="/explore.phtml"> explore </a> - <a href="/gameroom.phtml"> games </a> - <a href="/neoboards/index.phtml"> boards </a> - <a href="/objects.phtml"> shops </a> - <a href="/nf.phtml"> news </a> <br><br> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT </center>