Transformers Guild Layout

Layout Code: <style> body{background:#050402 url(http://i7.photobucket.com/albums/y274/suprficial_007/transformersguild2.jpg) repeat-y;} a:link{COLOR:#3E50CC; TEXT-DECORATION: none; } a:visited{COLOR:#3E50CC; TEXT-DECORATION:none; } a:hover {COLOR:#E01506; TEXT-DECORATION:none; } td,p,body{color:#ffffff;font:8pt verdana} ul{padding-left:50px} #header, #footer, .sidebar,#ban {display:none} #n, td, table { background: transparent; } #main {border:none; background:none; width:500px; float:left; padding-top:333px; padding-left:135px;margin-top:0px;margin-left:0px} .content {background:none; } .header{text-align: center; color: #755C34; font-family: tahoma; font-weight:bold; padding:3px; background-color:#B59359; text-transform:uppercase;} </style> <div style="position:absolute; top:0px; left:0px;"><img src="http://i7.photobucket.com/albums/y274/suprficial_007/transformersguild1.jpg"></div> <div style="position:absolute; top:490px; left:141px; width:690px; height:31px; color:#5C1000; font-family:georgia; font-size:30px; text-align:left; padding:3px;"> Guild name here </div> <div style="position:absolute; top:533px; left:653px; width:179px;"> <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> <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:533px; left:328px; width:318px;"> <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">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 #76603b Header Text Colour Black Main Text Colour White Link Colour #e01506 Main Border Colour #e01506 Secondary Colour #c1b18f

Share |

Transformers Pet Page and Site Layout

Pet Page: <style> body{background:#050402 url(http://i7.photobucket.com/albums/y274/suprficial_007/transformerspetpage2.jpg) repeat-y;} A:link{COLOR:#E01506; TEXT-DECORATION: none; } A:visited{COLOR:#E01506; TEXT-DECORATION:none; } A:hover {COLOR:#E01506; TEXT-DECORATION:underline; } td,p,body{color:#ffffff;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: #755C34;padding:1px 1px 1px 5px;text-decoration: none;text-align:left;border-bottom:2px dashed #755C34;} #navlist a:hover{color: #FFFFFF; border-bottom:2px dashed #ffffff;} .header{text-align: center; color: #ffffff; font-family: tahoma; font-weight:bold; padding:3px; background-color:#B59359; text-transform:uppercase;} 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://i7.photobucket.com/albums/y274/suprficial_007/transformerpetpage1.jpg" ></div> <div style="position:absolute; top:533px; left:141px; width:180px; 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: 533; left: 328; width: 502; "> <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> Web Layout: <title>Your site</title> <style type="text/css"> body{background:#050402 url(http://i7.photobucket.com/albums/y274/suprficial_007/transformerspetpage2.jpg) repeat-y; margin:0px; scrollbar-face-color: #050402; scrollbar-track-color: #5B4924; scrollbar-highlight-color: #5B4924; scrollbar-shadow-color: #050402; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #000000; scrollbar-arrow-color: #5B4924; } A:link{COLOR:#E01506; TEXT-DECORATION: none; } A:visited{COLOR:#E01506; TEXT-DECORATION:none; } A:HOVER {COLOR:#E01506; TEXT-DECORATION:underline; } td,p,body{color:#ffffff;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: #755C34;padding:1px 1px 1px 5px;text-decoration: none;text-align:left;border-bottom:2px dashed #755C34;} #navlist a:hover{color: #FFFFFF; border-bottom:2px dashed #ffffff;} .header{text-align: center; color: #ffffff; font-family: tahoma; font-weight:bold; padding:3px; background-color:#B59359; text-transform:uppercase;} </style> <div style="position:absolute; top:0px; left:0px;"> <img src="http://i7.photobucket.com/albums/y274/suprficial_007/transformerpetpage1.jpg" ></div> <div style="position:absolute; top:533px; left:141px; width:180px; text-align:left;"> <div id="navlist"> <div class="header">Navigation</div> <a href="#">Link 1</a> <a href="#">Link 2</a> <a href="#">Link 3</a> <a href="#">Link 4</a> <a href="#">Link 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://neo-faeriewings.we.bs" 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: 533; left: 328; width: 502; "> <p class="header">Topic 1</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">Topic 2</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">Topic 3</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">Topic 4</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">Topic 5</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

Transformers User Lookup

Layout Code: <div style="position:absolute; top:0px; left:0px;"> <img src="http://i7.photobucket.com/albums/y274/suprficial_007/transformerlook1.jpg"></div> <div style="position:absolute; top:534px; left:141px; width:180px; text-align:left;"> <div id="navlist"> <p class="header">Navigation</p> <a href="/myaccount.phtml">My Account</a> <a href="/customise/">Customize</a> <a href="/games/arcade.phtml">Games</a> <a href="/explore.phtml">Explore</a> <a href="/nf.phtml">News</a> <a href="/petcentral.phtml">Pet Central</a> <a href="/neoboards/index.phtml">Boards</a> <a href="/objects.phtml">Shops</a> <a href="/mall/index.phtml">NC Mall</a> <p> </div> <p class="header">About Me</p> I am Del, the owner of Neo-faerie Wings. I love web designing and playing neopets!Put more text here! Put more text here! Put more text here! Put more text here! Put more text here! <p class="header">My Fave Avatars</p> <center> <img src="http://images.neopets.com/neoboards/avatars/royalkorbat_boy.gif"> <img src="http://images.neopets.com/neoboards/avatars/faeriepeo.gif"> <img src="http://images.neopets.com/neoboards/avatars/snuffly.gif"> </center> <p class="header">Wishlist</p> <center> <img src="http://images.neopets.com/items/faeriepntbrush.gif"> <img src="http://images.neopets.com/items/toy_globe_queen.gif"> </center> <p class="header">Neo Status</p> Neomail: Open<br> Neofriend Request: Only if I know you<br> Guild Invites: Close<br> Battledome Challenges: Close<br> <p> </div> <style> body{background:#050402 url(http://i7.photobucket.com/albums/y274/suprficial_007/transformerlook2.jpg) repeat-y; } td,p,body {color:#463820;font:xx-small verdana} A:link{COLOR:#E01506; TEXT-DECORATION: none;font:xx-small verdana } A:visited{COLOR:#E01506; TEXT-DECORATION:none ;font:xx-small verdana} A:hover {COLOR:#E01506; TEXT-DECORATION:UNDERLINE;font:xx-small verdana;} #footer,#header,hr,#form,#object,.ban,#m,#ald,#mb,#ol,.hdr,.sf,#n,#ban, #habitarium,#ncmall{display:none;} #main {background:none; border: 0px;margin-top:0px;margin-left:0px} .contentModule,.contentModuleTable{border:none; background:none;} .contentModuleHeader,.contentModuleHeaderAlt {background:#463820;color:#ECE7DD;} .contentModuleContent {background-color: #ECE7DD; } .contentModule b, .contentModule img {visibility:visible;} #navlist a{display: block;color: #755C34;padding:1px 1px 1px 5px;text-decoration: none;text-align:left;border-bottom:2px dashed #755C34;} #navlist a:hover{color: #FFFFFF; border-bottom:2px dashed #ffffff;} .header{text-align: center; color: #ffffff; font-family: tahoma; font-weight:bold; padding:3px; background-color:#B59359; text-transform:uppercase; border-top:double #ECE7DD; border-bottom:double #ECE7DD; } #userneopets img, #usershop img, #userneohome img {width:75px; height:75px;} #usertrophies img {width:50px; height:50px} #userinfo .contentModuleTable{position:absolute;top:537px; left:326px; width:505px;height:250px;} #usercollections .contentModuleTable{position:absolute;left:326px; top:857px;width:200px;height:400px;} #usershop .contentModuleTable {position:absolute; left:526px; top: 857px;width:152px;height:400px;} #userneohome .contentModuleTable {position:absolute; left:678px; top: 857px;width:153px;height:400px;} #userneopets .contentModuleTable{position:absolute;left:326px; top:1307px; width:505px;height:211px;} #usertrophies .contentModuleTable{position:absolute;left:326px;top:1558px; width:505px;height:650px;} </style>

Transformers - Autobots User Lookup

Layout Code: <div style="position:absolute; top:0px; left:0px;"><img src="http://i42.tinypic.com/fbiz2v.jpg"></div> <div style="position:absolute; top:284px; left:40px; width:340px; height:182px; overflow:auto;"> <div class="header">All on me</div> This layout was made by Del of <a href="http://petpages.neopets.com/~_saellys592_78" target="_blank">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> <div class="header">More to say</div> 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> <div class="header">Neo Status</div> Neomail: Open<br> Neofriend Request: Only if I know you<br> Guild Invites: Close<br> Battledome Challenges: Close<br> </div> <style> body{background: url(http://i39.tinypic.com/sm4pkl.jpg) repeat-y; scrollbar-face-color:#1F1F1F; scrollbar-track-color: #3A3A3A; scrollbar-highlight-color: #3A3A3A; scrollbar-shadow-color:#1F1F1F; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #000000; scrollbar-arrow-color: #3A3A3A; } #content a b, a:link, a:visited {color:#FFCC00;} #content a:hover,a:hover, #content b:hover {color:#FF6600; text-decoration:none;} .medText, td,p,body{color:#A39A89;font-family:century gothic, verdana; font-size:10px;} #footer,hr, #nst, .contentModuleHeader,.contentModuleHeaderAlt,#ban, #habitarium,#ncmall{display:none;} .nav_image img{margin-left: -5px;} #navigation{position:absolute;top:860px;left:29px;z-index:5; width:698px; height:0px;} ul.dropdown {filter:alpha(opacity=85);opacity:.85;border: 1px dotted #2F5F6B;background-color: #0B0C07;} #main a, a b{color:#2F5F6B;} #main a:hover, a b:hover{color:#6CAEBF;} .contentModule,.contentModuleTable,.contentModuleContent, #header, #main {border:none; background:none}#main{margin-top:0px;margin-left:0px} .contentModule b, .contentModule img {visibility:visible;} #userinfo .contentModuleTable{position:absolute;top:515px; left:44px; width:285px;height:289px;} #usercollections .contentModuleTable{position:absolute;left:594px; top:136px;width:290px;height:315px;} #usershop .contentModuleTable {position:absolute; left:669px; top:515px;width:237px;height:293px;} #userneohome .contentModuleTable {position:absolute; left:394px; top:513px;width:237px;height:302px;} #userneopets .contentModuleTable{position:absolute;left:41px; top:935px; width:888px;height:215px;} #usertrophies .contentModuleTable{position:absolute;left:41px;top:1219px; width:888px;} .header {color:#6633FF; font-weight:bold; text-transform:uppercase; text-align:left; font-size:15px; font-family:garamond;border-bottom:double #990100; } </style>