Pteri Guild Layout

Layout Code: <style /> body{background:url(http://i18.photobucket.com/albums/b129/the_pit_stop00/pteriguild2.jpg); scrollbar-face-color: #FF993E; scrollbar-track-color: #FFF8F0; scrollbar-highlight-color: #FFF8F0; scrollbar-shadow-color: #FF993E; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #000000; scrollbar-arrow-color: #FFF8F0; } A:link{COLOR:#CC5AAF;} A:visited{COLOR:#CC5AAF;} A:hover{COLOR:#ffffff;} td,p,body{color:#000000;font:10pt verdana} #header, #footer, .sidebar,#ban {display:none} #n, td, table { background: transparent; } #main {border:none; background:none; width:500px; float:left; padding-top:88px; padding-left:130px;margin-top:0px;margin-left:0px} .content {background:none; } .topic {text-align: center; color: #ffffff; font-family: tahoma; font-weight:bold; padding:3px; background-color:#FF9900;} </style /> <div style="position:absolute; top:0px; left:0px;"><img src="http://i18.photobucket.com/albums/b129/the_pit_stop00/pteri.jpg"></div> <div style="position:absolute; top:211px; left:514px; width:398px; height:39px; color:#FF5351; font-family:georgia; font-size:25px; text-align:right;"> Guild name here </div> <div style="position:absolute; top:284px; left:338px; width:184px;"> <p class="topic">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="topic">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> <p class="topic">Credit</p> <center> <a href="http://petpages.neopets.com/~_saellys592_78" target="_blank"><img border=0 src="http://i90.photobucket.com/albums/k260/neofaeriewings/NEOBUTTON88X311.gif"></a></center> </center> </div> <div style="position:absolute; top:284px; left:538px; width:399px;"> <p class="topic">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="topic">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="topic">Advertise Guild</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="topic">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 Black Link Colour #cc5aaf Main Border Colour #cc5aaf Secondary Colour #ffffc7

Layout Code: <style type="text/css" /> body{background: #667A21 url(http://i18.photobucket.com/albums/b129/the_pit_stop00/pteri2guild3.jpg) repeat-y;} td,p,body {color:#000000;font:12px tahoma, verdana} A:link{COLOR:#F9FB5C; TEXT-DECORATION: none; } A:visited{COLOR:#F9FB5C; TEXT-DECORATION:none ;} A:HOVER {COLOR:#F9FB5C; TEXT-DECORATION:UNDERLINE;} #header, #footer, .sidebar,#ban {display:none} #n, td, table { background: transparent; } #main {border:none; background:none; width:500px; float:left; padding-top:60px; padding-left:128px;margin-top:0px;margin-left:0px} .content {background:none; } .header {text-align:left; font-weight:bold; color:#E2D15A;text-transform:uppercase; background-color:#8B7E18; padding:3px; font-size:15px; border:1px solid #E2D15A;} .title {text-align: left; color:#FFCC00; font-weight:bold; font-family:arial; font-size:30px; padding:3px; } </style /> <div style="position:absolute; top:0px; left:0px;"><img src="http://i18.photobucket.com/albums/b129/the_pit_stop00/pteri2guild1.jpg"></div> <div style="position:absolute; top:0px; left:324px;"><img src="http://i18.photobucket.com/albums/b129/the_pit_stop00/pteri2guild2.jpg"></div> <div class="title" style="position:absolute; top:31px; left:332px; width:563px; height:42px; "> Guild Name Here </div> <div style="position:absolute; top:49px; left:145px; width:172px;"> <a href="http://www.neopets.com/addpet.phtml">CREATE A PET</a> <br> <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.phtml">LOGOUT</a> <p> </div> <div style="position:absolute; top:626px; left:339px; width:163px;"> <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:619px; left: 525px; width:363px; height:159px; overflow:auto;"> put your text here to scroll!put your text here to scroll! put your text here to scroll! put your text here to scroll! put your text here to scroll! put your text here to scroll!put your text here to scroll!put your text here to scroll!put your text here to scroll!put your text here to scroll!put your text here to scroll! put your text here to scroll! put your text here to scroll! put your text here to scroll! put your text here to scroll! put your text here to scroll! </div> <div style="position:absolute; top:794px; left: 512px; width:385px;"> <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 Black Link Colour #f9fb5c Main Border Colour #f9fb5c Secondary Colour #8e1905

Share |