|
Guild Home |
Guild Help |
My Guild
| Simply to test my guild layout designs. =) |
|
|
|
|
body {background:url(http://i25.tinypic.com/2vj91qg.jpg)}
.sidebar {display:none}
ul.dropdown{border:1px solid #000000;background:#669999}
LI:hover UL.dropdown A, LI.over UL.dropdown A{color:#000000}
LI:hover UL.dropdown A:Hover, LI.over UL.dropdown A:hover{color:#006666}
UL.dropdown {opacity:0.6; filter:alpha(opacity=60)}
#main{border:1px solid #000000;width:800px;}
#content{background:url(http://i26.tinypic.com/2zomdsj.jpg);width:800px;position:relative;}
#header{background:url(http://i28.tinypic.com/hv4ide.jpg);border:0px;height:300px;width:800px;position:relative;}
table,td{background:transparent;}
.footerNifty{display:none}
.contentHeader{font-size:8px;}
td.content{padding-left:10px;}
#footer{background:url(http://i30.tinypic.com/bdoefb.jpg);border:0px;height:160px;width:800px;position:relative}
#template_nav{width:800px;position:absolute;left:104px;top:83px}
.user{color:#000000;z-index:2;position:absolute;left:291px;top:141px;height:15px}
.user a,.user b{color:#003333 !important}
#nst{color:#000000;position:absolute;left:68px;top:217px;width:100px;height:15px;z-index:2;}
table.footer{position:absolute;top:-2px}
span.sf,span.sf a, span.sf b{color:#000000}
#nflinks{width:182px;height:76px;position:absolute;left:288px;top:-10px;
overflow:auto;font:11px arial;font-weight:bold;}
#maincontent{width:520px;position:relative;left:26px;top:30px;
font:11px arial;padding-bottom:10px;}
#nfheader{font:14px verdana;color:#99cccc;text-transform:uppercase;letter-spacing:2px;font-weight:bold;border-bottom:1px dashed #99cccc}
A{cursor:crosshair}
a:link,a:visited,a:active{color:#99ccff;text-decoration:none}
a:hover{color:#669999;text-decoration:none}
This first guild layout made for NeoFaerie.net was inspired by the dark faerie sisters. I knew I wanted to do another dark layout after finishing up that first petpage design based on the darkest faerie.
This layout is very similar in structure to the extended header user lookups I have made since I really do love the look. =)
I tried to maintain a balance of colour choices that made the design look good on the front page, as well as being practical for using the rest of the guild pages. I made sure to test especially the guild message board and calendar.
|
|
|
