Harry Potter and The Order of The Phoenix Guild Layout

*the layout below looks better without the poll*

Layout Code: <style> //{} body{background:#000606 url(http://i15.photobucket.com/albums/a397/thepitstop/harrypotter2guild4.jpg) repeat-y; margin:0px; scrollbar-face-color: #000606; scrollbar-track-color: #000606; scrollbar-highlight-color: #000606; scrollbar-shadow-color: #000606; scrollbar-3dlight-color: #000606; scrollbar-darkshadow-color: #000606; scrollbar-arrow-color: #418BAB; } td,p,body {color:#ffffff;font:8pt verdana} A:link{COLOR:#00CCFF; TEXT-DECORATION: none; } A:visited{COLOR:#00CCFF; TEXT-DECORATION:none ;} A:HOVER {COLOR:#00CCFF; TEXT-DECORATION:UNDERLINE;} ul{padding-left:50px} #header, #footer, .sidebar,#ban {display:none} #n, td, table { background: transparent; } #main {border:none; background:none; width:0px; float:left; padding-top:60px; padding-left:135px;margin-top:0px;margin-left:0px;} .content {background:none; } .header {text-align:center; border-bottom:double #D9C2B2; font-weight:bold; color:#D9C2B2; text-transform:uppercase;padding:3px;} .title {text-align: center; color:#00CCFF; font-size: 25px; } </style> <div style="position:absolute; top:0px; left:0px;"><img src="http://i15.photobucket.com/albums/a397/thepitstop/harrypotter2guild1.jpg"></div> <div style="position:absolute; top:0px; left:140px;"><img src="http://i15.photobucket.com/albums/a397/thepitstop/harrypotter2guild3.jpg"></div> <div style="position:absolute; top:0px; left:283px;"><img src="http://i15.photobucket.com/albums/a397/thepitstop/harrypotter2guild2.jpg"></div> <div class="title" style="position:absolute; top:448px; left:285px; width:480px;">Guild Name Here</div> <div style="position:absolute; top:503px; left:647px; width:127px; "> <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:502px; left: 289px; width:352px; "> <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 #000606 Header Text Colour White Main Text Colour White Link Colour #00ccff Main Border Colour #00ccff Secondary Colour #061518

Layout Code: <style> //{} body{background:#010101 url(http://i18.photobucket.com/albums/b129/the_pit_stop00/harrypotter8guild2.jpg) repeat-y; scrollbar-face-color: #010101; scrollbar-track-color: #404040; scrollbar-highlight-color: #404040; scrollbar-shadow-color: #010101; scrollbar-3dlight-color: #000306; scrollbar-darkshadow-color: #000306; scrollbar-arrow-color: #404040; } A:link{COLOR:#99EFFF; TEXT-DECORATION: none} A:visited{COLOR:#99EFFF; TEXT-DECORATION:none } A:HOVER {COLOR:#99EFFF; TEXT-DECORATION:UNDERLINE} 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:170px; padding-left:135px;margin-top:0px;margin-left:0px;} .content {background:none; } .header {text-align:left; text-transform:uppercase; text-decoration:italic; color:#66A1BF; padding:2px; font-weight:bold; border-bottom:2px solid #66A1BF; font-size:15px;} </style> <div style="position:absolute; top:0px; left:0px;"><img src="http://i18.photobucket.com/albums/b129/the_pit_stop00/harrypotter8guild1.jpg"></div> <div style="position:absolute; top:341px; left:339px; width:517px; height:36px; color:#66A1BF; font-family:georgia; font-size:35px; text-align:right; "> Guild name here </div> <div style="position:absolute; top:388px; left:334px; width:150px;"> <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> </div> <div style="position:absolute; top:388px; left:491px; width:367px;"> <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 Black Header Text Colour Gray Main Text Colour White Link Colour #99efff Main Border Colour #99efff Secondary Colour #07242c

Share |