Step Up 2 The Steets Guild Layout

Layout Code: <style> //{} body{background:#B1AD92 url(http://i193.photobucket.com/albums/z250/neofaeriewings_preview/stepup2thestreetsguild2.jpg) repeat-y; scrollbar-face-color: #676741; scrollbar-track-color: #C7C7BA; scrollbar-highlight-color: #C7C7BA; scrollbar-shadow-color: #676741; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #000000; scrollbar-arrow-color: #C7C7BA; } A:link{COLOR:#8F2101; TEXT-DECORATION: none; font-weight:bold;} A:visited{COLOR:#8F2101; TEXT-DECORATION:none; font-weight:bold; } A:HOVER {COLOR:#8F2101; TEXT-DECORATION:UNDERLINE; font-weight:bold;} td,p,body{color:#000000;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:433px; padding-left:28px;margin-top:0px;margin-left:0px} .content {background:none; } .header {text-align:center; font-weight:bold; color:#ffffff; text-transform:uppercase; font-size:12px; background-color:#B12901; padding:2px;} </style> <div style="position:absolute; top:0px; left:0px;"><img src="http://i193.photobucket.com/albums/z250/neofaeriewings_preview/stepup2thestreetsguild1.jpg"></div> <div style="position:absolute; top:99px; left:70px; width:659px; color:#532B2B; font-family:georgia; font-size:25px; text-align:left; padding:3px; font-weight:bold;"> Guild name here </div> <div style="position:absolute; top:550px; left:237px; width:150px; background-color:#E5D2A7; padding:2px;"> <p class="header">Navigation</p> <a href="/myaccount.phtml">My Account</a><br> <a href="/customise/">Customize</a><br> <a href="/games/arcade.phtml">Games</a><br> <a href="/explore.phtml">Explore</a><br> <a href="/nf.phtml">News</a><br> <a href="/petcentral.phtml">Pet Central</a><br> <a href="/neoboards/index.phtml">Boards</a><br> <a href="/objects.phtml">Shops</a><br> <a href="/mall/index.phtml">NC Mall</a><br> <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> </div> <div style="position:absolute; top:498px; left:395px; width:392px; padding:2px; background-color:#DEDDD1;"> <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">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="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 #b1ad92 Header Text Colour Black Main Text Colour Black Link Colour #8f2101 Main Border Colour #8a8562 Secondary Colour #eac38c

Share |

Step Up 2 The Steets Pet Page Layout

<style> body{background:#B1AD92 url(https://i.imgur.com/tecVzOT.jpg) repeat-y;} a:link{color:#8F2101; TEXT-DECORATION: none; font-weight:bold;} a:visited{color:#8F2101; TEXT-DECORATION:none; font-weight:bold; } a:hover {color:#8F2101; TEXT-DECORATION:UNDERLINE; font-weight:bold;} td,p,body{color:#000000;font:8pt verdana} #navlist ul{margin: 0;padding: 0;list-style-type: none; font-weight:bold; } #navlist li { margin: 0 ; } #navlist a{display: block; color: #FDEFA4; padding:2px 2px 2px 15px; text-decoration: none; text-align:left; border-bottom:1px solid #FDEFA4;background-color:#2C6557; } #navlist a:hover{color: #2C6557;background-color:#61BAA4 ; } .header {text-align:center; font-weight:bold; color:#ffffff; text-transform:uppercase; font-size:12px; background-color:#B12901; padding:2px;} 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://i63.tinypic.com/25t9hlc.jpg"></div> <div style="position:absolute; top:469px; left:562px; width:170px; text-align:left;"> <div id="navlist"> <div class="header">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> <p> </div> <br> <p class="header">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! <p> <p class="header">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="header">Credits</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" width="88" height="31"></a></center> <p> </div> <div style="position:absolute; top:590px; left:85px; width:464px; text-align:justify;"> <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 Movie and TV Show Themed Pet Page and Site Layouts