The Golden Compass Guild Layout

Layout Code: <style> //{} body{background: #282828 url(http://i27.photobucket.com/albums/c194/the_pit_stop01/goldencompassguild3.jpg) repeat-y; scrollbar-face-color: #3C3C3C; scrollbar-track-color: #202020; scrollbar-highlight-color: #202020; scrollbar-shadow-color: #3C3C3C; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #000000; scrollbar-arrow-color: #CE9430; } td,p,body {color:#ffffff;font:12px bookman old style, verdana} A:link{COLOR:#CFAF04; TEXT-DECORATION: none;font:xx-small verdana } A:visited{COLOR:#CFAF04; TEXT-DECORATION:none ;font:xx-small verdana} A:HOVER {COLOR:#CFAF04; TEXT-DECORATION:UNDERLINE;font:xx-small verdana;} #header, #footer, .sidebar,#ban {display:none} #n, td, table { background: transparent; } #main {border:none; background:none; width:500px; float:left; padding-top:175px; padding-left:100px;margin-top:0px;margin-left:0px;} .content {background:none; } ul{padding-left:50px} .header {text-align:left; font-weight:bold; color:#B8C0B5; text-transform:uppercase; padding:3px; font-size:15px; border-bottom:double #DDA129;} </style> <div style="position:absolute; top:0px; left:0px;"><img src="http://i27.photobucket.com/albums/c194/the_pit_stop01/goldencompassguild1.jpg"></div> <div style="position:absolute; top:0px; left:316px;"><img src="http://i27.photobucket.com/albums/c194/the_pit_stop01/goldencompassguild2.jpg"></div> <div style="position:absolute; top:236px; left:79px; width:610; color:#DDA129; font-weight:bold; font-size: 25px;"> Guild Name Here </div> <div style="position:absolute; top:330px; left:739px; width:175px;"> <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:330px; left: 330px; width:400px;"> <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 #161616 Header Text Colour #dda129 Main Text Colour White Link Colour #b12322 Main Border Colour #b8c0b5 Secondary Colour #010101

Share |