Cloud Pets Guild Layout

Layout Code: <style type="text/css" /> body{background: #ffffff url(http://i18.photobucket.com/albums/b129/the_pit_stop00/cloudguild4.jpg) repeat-y;} A:link{COLOR:#92018C; TEXT-DECORATION: none} A:visited{COLOR:#92018C; TEXT-DECORATION:none } A:HOVER {COLOR:#92018C; TEXT-DECORATION:UNDERLINE} td,p,body{color:#00A3F0;font:8pt verdana} #header, #footer, .sidebar,#ban {display:none} #n, td, table { background: transparent; } #main {border:none; background:none; width:500px; float:left; padding-top:75px; padding-left:128px;margin-top:0px;margin-left:0px} .content {background:none; } .header {text-align:center; border-bottom:2px solid #4A4AE8; font-weight:bold; color: #4A4AE8; text-transform:uppercase; font-size:12px; background-color:#ffffff;} .title {text-align: left; color:#ffffff; font-weight:bold; font-family:arial; font-size:25px; padding:3px;} </style /> <div style="position:absolute; top:0px; left:0px;"><img src="http://i18.photobucket.com/albums/b129/the_pit_stop00/cloudguild1.jpg"></div> <div style="position:absolute; top:0px; left:138px;"><img src="http://i18.photobucket.com/albums/b129/the_pit_stop00/cloudguild3.jpg"></div> <div style="position:absolute; top:0px; left:322px;"><img src="http://i18.photobucket.com/albums/b129/the_pit_stop00/cloudguild2.jpg"></div> <div class="title" style="position:absolute; top:483px; left:515px; width:400px; height:42px; "> Guild Name Here </div> <div style="position:absolute; top:479px; left:339px; width:166px;"> <p class="header">Navigation</p> <a href="http://www.neopets.com/petcentral.phtml">PET CENTRAL</a> <br> <a href="http://www.neopets.com/explore.phtml">EXPLORE</a> <br> <a href="http://www.neopets.com/gameroom.phtml">GAMES</a> <br> <a href="http://www.neopets.com/neomessages.phtml">NEOMAIL</a> <br> <a href="http://www.neopets.com/objects.phtml">SHOPS</a> <br> <a href="http://www.neopets.com/neoboards/index.phtml">BOARDS</a> <br> <a href="http://www.neopets.com/nf.phtml">NEWS</a> <br> <a href="http://www.neopets.com/stuff.phtml">STUFF</a> <br> <a href="http://www.neopets.com/help.phtml">HELP</a> <br> <a href="http://www.neopets.com/loginpage.phtml">LOGIN</a> <br> <a href="http://www.neopets.com/">LOGOUT</a><p> <p class="header">Guild Links</p> <a href="url here">LINK</a><br> <a href="url here">LINK</a><br> <a href="url here">LINK</a><br> <a href="url here">LINK</a><br> <a href="url here">LINK</a><br> <p class="header">Topic 1</p> Put text here! Put text here! Put text here! Put text here! Put text here! Put text here! Put text here! Put text here! <p class="header">Topic 2</p> Put text here!Put text here!Put text here!Put text here!Put text here!Put text here!Put text here!Put text here!Put text here! </div> <div style="position:absolute; top:549px; left: 517px; width:378px;"> <p class="header">Guild News</p> PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! <p> <p class="header">Guild Activities</p> PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! <p> <p class="header">Others</p> PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! <p> </div> Color Scheme: Background Colour White Header Text Colour Black Main Text Colour #00a3f0 Link Colour #92018c Main Border Colour #92018c Secondary Colour White

Share |

Cloud Pets Pet Page and Site Layout

Petpage Layout: <style> body{background:url(http://i55.tinypic.com/2qmmg.jpg) repeat-y;} a:link{COLOR:#FFCC00; TEXT-DECORATION: none; } a:visited{COLOR:#FFCC00; TEXT-DECORATION: none; } a:hover {COLOR:#FFFF00; TEXT-DECORATION: none;} td,p,body{font-family:century gothic;color:#000000; font-size:15px } #navlist a{display: block;color:#009999;padding:2px 0px 2px 5px;text-decoration: none;text-align:left; font-weight:bold; border-bottom:1px dashed #009900;text-transform:uppercase;font-size:13px; background:#92D6E7; border-left:5px solid #57B5D0;} #navlist a:hover{background:#E4F5FA} .header{color:#006699; font-weight:bold; text-align:center; text-transform:uppercase; font-size:20px;background:#A5E1EB; padding;3px;} .menu {padding:2px; color:#000000; font-weight:bold; text-transform:lowercase; text-align:center; font-size:20px;background:url(http://i54.tinypic.com/2yw8ll1.jpg);border-bottom:1px solid #000000} table { background: none;} table a img, center p { height: 0px;width: 0px; overflow: hidden;} </style> <div style="position:absolute; top:0px; left:0px; z-index:-1"> <img src="http://i53.tinypic.com/2eegc9f.jpg"></div> <div style="position:absolute; top:311px; left:536px; width:231px;"> <div id="navlist"> <div class="menu">Navigation</div> <a href="#topic1">Topic 1</a> <a href="#topic2">Topic 2</a> <a href="#topic3">Topic 3</a> <a href="#topic4">Topic 4</a> <a href="#topic5">Topic 5</a> </div> <p> <p class="menu">Subject 1</p> Put text here! Put text here! Put text here! Put text here!Put text here!Put text here! Put text here!Put text here!Put text here!Put text here!Put text here! <br><a href="urlhere">LINK</a> <p> <p class="menu">Subject 2</p> Put text here! Put text here! Put text here! Put text here!Put text here!Put text here! Put text here!Put text here!Put text here!Put text here!Put text here! <p> <p class="menu">Credits</p> <center><a href="http://www.neopets.com/~unilone" target="_blank"><img border=0 src="http://i90.photobucket.com/albums/k260/neofaeriewings/NEOBUTTON88X151.gif"></a></center> </div> <div style="position:absolute; top:316px; left:86px; width:442px;"> <p class="header"><a name="topic1">Topic 1</a></p> Just change the "Topic 1" text to any other topic title you have! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! <p class="header"><a name="topic2">Topic 2</a></p> Just change the "Topic 2" text to any other topic title you have! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! <p class="header"><a name="topic3">Topic 3</a></p> Just change the "Topic 3" text to any other topic title you have! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! <p class="header"><a name="topic4">Topic 4</a></p> Just change the "Topic 4" text to any other topic title you have! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! <p class="header"><a name="topic5">Topic 5</a></p> Just change the "Topic 5" text to any other topic title you have! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! </div> Weblayout: <title>Your Site</title> <style> body{background:url(http://i55.tinypic.com/2qmmg.jpg) repeat-y;} a:link{COLOR:#FFCC00; TEXT-DECORATION: none; } a:visited{COLOR:#FFCC00; TEXT-DECORATION: none; } a:hover {COLOR:#FFFF00; TEXT-DECORATION: none;} td,p,body{font-family:century gothic;color:#000000; font-size:15px } #navlist a{display: block;color:#009999;padding:2px 0px 2px 5px;text-decoration: none;text-align:left; font-weight:bold; border-bottom:1px dashed #009900;text-transform:uppercase;font-size:13px; background:#92D6E7; border-left:5px solid #57B5D0;} #navlist a:hover{background:#E4F5FA} .header{color:#006699; font-weight:bold; text-align:center; text-transform:uppercase; font-size:20px;background:#A5E1EB; padding;3px;} .menu {padding:2px; color:#000000; font-weight:bold; text-transform:lowercase; text-align:center; font-size:20px;background:url(http://i54.tinypic.com/2yw8ll1.jpg);border-bottom:1px solid #000000} </style> <div style="position:absolute; top:0px; left:0px; z-index:-1"> <img src="http://i53.tinypic.com/2eegc9f.jpg"></div> <div style="position:absolute; top:311px; left:536px; width:231px;"> <div id="navlist"> <div class="menu">Navigation</div> <a href="#topic1">Topic 1</a> <a href="#topic2">Topic 2</a> <a href="#topic3">Topic 3</a> <a href="#topic4">Topic 4</a> <a href="#topic5">Topic 5</a> </div> <p> <p class="menu">Subject 1</p> Put text here! Put text here! Put text here! Put text here!Put text here!Put text here! Put text here!Put text here!Put text here!Put text here!Put text here! <br><a href="urlhere">LINK</a> <p> <p class="menu">Subject 2</p> Put text here! Put text here! Put text here! Put text here!Put text here!Put text here! Put text here!Put text here!Put text here!Put text here!Put text here! <p> <p class="menu">Credits</p> <center><a href="http://www.neopets.com/~unilone" target="_blank"><img border=0 src="http://i90.photobucket.com/albums/k260/neofaeriewings/NEOBUTTON88X151.gif"></a></center> </div> <div style="position:absolute; top:316px; left:86px; width:442px;"> <p class="header"><a name="topic1">Topic 1</a></p> Just change the "Topic 1" text to any other topic title you have! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! <p class="header"><a name="topic2">Topic 2</a></p> Just change the "Topic 2" text to any other topic title you have! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! <p class="header"><a name="topic3">Topic 3</a></p> Just change the "Topic 3" text to any other topic title you have! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! <p class="header"><a name="topic4">Topic 4</a></p> Just change the "Topic 4" text to any other topic title you have! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! <p class="header"><a name="topic5">Topic 5</a></p> Just change the "Topic 5" text to any other topic title you have! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! </div>

Back to Neopets Themed Pet Page and Site Layouts

Cloud Pet Lookup

<style> body{background:#ffffff url(http://i281.photobucket.com/albums/kk219/jaraya_del/cloudpets2.jpg) top left repeat-x fixed; margin:0px; } a:link{color:#9966FF; text-decoration: none} a:visited{color:#9966FF; text-decoration:none } a:hover {color:#CC99FF; text-decoration:none} font, td, p, i, div {color:#333333;font-family:century gothic, Verdana;font-size:10pt;font-weight:normal;line-height:8pt;font-style:normal} b, u{color:#3999EF;font-family:century gothic, Verdana;font-size:10pt;font:normal;cursor:crosshair;line-height:11px;} #main{background:#ffffff url(http://i281.photobucket.com/albums/kk219/jaraya_del/cloudpets1.jpg) top center no-repeat; padding-top:300px; border:none; width:750px;margin-top:0px;} #content {width:750px; } #header, #footer, .sidebar,#ban,.adBox, hr, .nfw, #ban_bottom, .ad_wrapper_fixed{display:none} .contentModuleHeader,.contentModuleHeaderAlt {text-align: left; color: #ffffff; font-weight:normal; padding:3px; background:#A4D3FF;font-size:25px; text-transform:lowercase;} .contentModuleTable {border: none; background-color:none} .contentModule ,.contentModuleContent {background: transparent;border:0px;} #nfw {text-align: center; font-family: tahoma; font-weight:bold; padding:3px; background-color:transparent; padding:3px;} #blog {text-align:justify; color:#0099CC; background-color:transparent; padding:2px;} </style> <div id="nfw"><a href="http://neopets.com/myaccount.phtml">My Account</a> || <a href="http://neopets.com/petcentral.phtml">Central</a> || <a href="http://neopets.com/explore.phtml">Explore</a> || <a href="http://neopets.com/games/arcade.phtml">Games</a> || <a href="http://neopets.com/neoboards/index.phtml">Boards</a> || <a href="http://neopets.com/objects.phtml">Shops</a> || <a href="http://neopets.com/nf.phtml">News</a> || <a href="http://neopets.com/video/index.phtml">Video</a> || <a href="http://neopets.com/mall/index.phtml">NC Mall</a> </div><P> <div id="blog">Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! Put your text here! </div>

Share |

Cloud Pets User Lookup

<div style="position:absolute; top:350px; left:96px; width:243px;"> <div class="header">About Me</div> <p> This layout was made by Del of <a href="http://petpages.neopets.com/~_saellys592_78">NFW</a>. Put more about yourself here!Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here!Text here! Text here! Text here! Text here! Text here! Text here! Text here!Text here! Text here! Text here! </p> <p> </p> <div class="header">More?</div> <p> Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here!Text here! Text here! Text here! Text here! Text here! Text here! Text here!Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here!Text here! Text here! </p> <p> </p> <div class="header">Neo Status</div> <p> Neomail: Open<br> Neofriend Request: Only if I know you<br> Guild Invites: Close<br> Battledome Challenges: Close<br></p> <p> </div> <style> body { background: url("http://i109.photobucket.com/albums/n56/buttercup_staff/cloudpetslook2.jpg") repeat-y; } #content a b, a:link, a:visited { color: #03C09A; } #content a:hover, a:hover, #content b:hover { color: #8DCFEF; text-decoration: none; } td, p, body { font-family: century gothic; color: #393B50; font-size: 12px; } #footer, hr, #nst, #ban, .user, .sf, #habitarium, #ncmall { display: none; } .nav_image img { margin-left: -5px; } #navigation { position: absolute; top: 267px; left: 300px; z-index: 5; height: 0px; width: 600px; } #header img {width:63px;} ul.dropdown { border: 1px dotted #000000; background-color: #D1F1FE; } li:hover ul.dropdown a, li.over ul.dropdown a { color: #000000; } li:hover ul.dropdown a:hover, li.over ul.dropdown a:hover { color:#1FA8DC; } #header, .contentModuleTable { border: none; background: none; } #main { margin-top: 0px; margin-left: 0px; border: none; background: url("http://i109.photobucket.com/albums/n56/buttercup_staff/cloudpetslook1.jpg") no-repeat; } .contentModule b, .contentModule img { visibility: visible; } .contentModule { background: transparent; border: none; } .contentModuleContent { background: none; border: none; } .contentModuleHeader, .contentModuleHeaderAlt { color: #ffffff; text-transform: lowercase; text-align: center; font-size: 15px; font-weight: bold; background: #C3EEFF; } .header { color: #000000; background:#C7FAD2; font-weight: bold; text-align: left; text-transform: uppercase; font-size: 20px; padding-bottom:3px; border-bottom:1px solid #cccccc; } #userneopets img, #userneohome img { width: 75px; height: 75px; } #usertrophies img, #usershop img{ width: 50px; height: 50px; } #content { padding-top: 225px; padding-left: 337px; width: 512px; } #usertrophies {width:500px} </style>

Back To Neopets Themed User Lookup Index