Charlie and The Chocolate Factory Guild Layout

Layout Code: <style> body{background: #260415 url(http://i193.photobucket.com/albums/z250/neofaeriewings_preview/willywonkaguild2.jpg) repeat-y;} a:link{COLOR:#FAFF01; TEXT-DECORATION: none} a:visited{COLOR:#FAFF01; TEXT-DECORATION:none } a:hover {COLOR:#FAFF01; TEXT-DECORATION:UNDERLINE} td,p,body {color:#ffffff;font:8pt bookman old style,verdana} #header, #footer, .sidebar,#ban {display:none} #n, td, table { background: transparent; } #main {border:none; background:none; width:500px; float:left; padding-top:200px; padding-left:135px;margin-top:0px;margin-left:0px;} .content {background:none; } ul{padding-left:50px} .header {text-align:left; text-transform:uppercase; font-weight:bold; color:#ffffff; background-color: #BC205D; font-size:12px; padding:2px;} </style> <div style="position:absolute; top:0px; left:0px;"><img src="http://i193.photobucket.com/albums/z250/neofaeriewings_preview/willywonkaguild1.jpg"></div> <div style="position:absolute; top:402px; left:334px; width:574; color:#FBE3EF; font-weight:bold; font-size: 25px;"> Guild Name Here </div> <div style="position:absolute; top:460px; left:335px; width:165px;"> <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 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:460px; left: 509px; width:397px;"> <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 #480d29 Header Text Colour White Main Text Colour White Link Colour #faff01 Main Border Colour #a50e3b Secondary Colour #84174e

Share |

Charlie and The Chocolate Factory Pet Page and Site Layout

Pet Page: <style> body{background:#260415 url(http://i193.photobucket.com/albums/z250/neofaeriewings_preview/willywonkalook2.jpg) repeat-y;} A:link{COLOR:#FAFF01; TEXT-DECORATION: none} A:visited{COLOR:#FAFF01; TEXT-DECORATION:none } A:hover {COLOR:#FAFF01; TEXT-DECORATION:UNDERLINE} td,p,body{color:#ffffff;font:8pt verdana} #navlist a{display: block;color: #F5FF0F;padding:2px 2px 2px 15px;text-decoration: none;text-align:left;border:double #F5FF0F; background-color:#2085BB;} #navlist a:hover{background-color:#DB467D;} .header {text-align:left; text-transform:uppercase; font-weight:bold; color:#ffffff; background-color: #BC205D; font-size:12px; 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://i193.photobucket.com/albums/z250/neofaeriewings_preview/willywonkalook1.jpg"></div> <div style="position:absolute; top:405px; left:126px; width:241px; 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:420px; left:383px; width:519px; "> <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:#260415 url(http://i193.photobucket.com/albums/z250/neofaeriewings_preview/willywonkalook2.jpg) repeat-y; margin:0px; scrollbar-face-color: #17020D; scrollbar-track-color: #84174E; scrollbar-highlight-color: #84174E; scrollbar-shadow-color: #17020D; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #000000; scrollbar-arrow-color: #84174E; } A:link{COLOR:#FAFF01; TEXT-DECORATION: none} A:visited{COLOR:#FAFF01; TEXT-DECORATION:none } A:HOVER {COLOR:#FAFF01; TEXT-DECORATION:UNDERLINE} td,p,body{color:#ffffff;font:8pt verdana} #navlist a{display: block;color: #F5FF0F;padding:2px 2px 2px 15px;text-decoration: none;text-align:left;border:double #F5FF0F; background-color:#2085BB;} #navlist a:hover{background-color:#DB467D;} .header {text-align:left; text-transform:uppercase; font-weight:bold; color:#ffffff; background-color: #BC205D; font-size:12px; padding:2px;} </style> <div style="position:absolute; top:0px; left:0px;"> <img src="http://i193.photobucket.com/albums/z250/neofaeriewings_preview/willywonkalook1.jpg"></div> <div style="position:absolute; top:405px; left:126px; width:241px; 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:420px; left:383px; width:519px; "> <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

Charlie and The Chocolate Factory User Lookup

Layout Code: <div style="position:absolute; top:0px; left:0px;"> <img src="http://i193.photobucket.com/albums/z250/neofaeriewings_preview/willywonkalook1.jpg"></div> <div style="position:absolute; top:405px; left:126px; width:241px; 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> <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"> <p class="header">Wishlist</p> <img src="http://images.neopets.com/items/faeriepntbrush.gif"> <img src="http://images.neopets.com/items/toy_globe_queen.gif"> <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:#260415 url(http://i193.photobucket.com/albums/z250/neofaeriewings_preview/willywonkalook2.jpg) repeat-y; scrollbar-face-color: #17020D; scrollbar-track-color: #84174E; scrollbar-highlight-color: #84174E; scrollbar-shadow-color: #17020D; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #000000; scrollbar-arrow-color: #84174E; } A:link{COLOR:#FAFF01; TEXT-DECORATION: none} A:visited{COLOR:#FAFF01; TEXT-DECORATION:none } A:hover {COLOR:#FAFF01; TEXT-DECORATION:UNDERLINE} td,p,body{color:#ffffff;font:8pt verdana} #footer,#header,hr, .nfw,#ban, #habitarium,#ncmall{display:none;} #main {background:none; border: 0px;margin-top:0px;margin-left:0px} .contentModuleTable{border:2px solid #FFFFFF; } .contentModule {border:none; } .contentModuleHeader,.contentModuleHeaderAlt {text-transform:uppercase;color:#ffffff; background-color:#BC205D;} .contentModuleContent {background: #961B55; } .contentModule b, .contentModule img {visibility:visible;} #navlist a{display: block;color: #F5FF0F;padding:2px 2px 2px 15px;text-decoration: none;text-align:left;border:double #F5FF0F; background-color:#2085BB;} #navlist a:hover{background-color:#DB467D;} #usershop img, #userneopets img, #userneohome img {width:100px; height:100px;} #usertrophies img {width:50px; height:50px} .header {text-align:left; text-transform:uppercase; font-weight:bold; color:#ffffff; background-color: #BC205D; font-size:12px; padding:2px;} #userinfo .contentModuleTable{position:absolute;top:420px; left:383px; width:519px;height:250px;} #usercollections .contentModuleTable{position:absolute;left:383px; top:740px;width:200px;height:400px;} #usershop .contentModuleTable {position:absolute; left:583px; top: 740px;width:159px;height:400px;} #userneohome .contentModuleTable {position:absolute; left:742px; top: 740px;width:160px;height:400px;} #userneopets .contentModuleTable{position:absolute;left:383px; top:1200px; width:519px;height:211px;} #usertrophies .contentModuleTable{position:absolute;left:383px;top:1481px; width:519px;height:650px;} </style>