design and style your friendburst profile – profile header
|
• Introduction • Background • Top Area • Middle Area • Profile Header • Left Column • Right Column • Tweaks |
profile header div.profile_header {
background-color: blue; border: 1px solid red; } nametext div.profile_header a {
color: gold; } div.profile_header a:hover { color: black; } motto below nametext div.profile_header div.extra_info {
color: red; } OnlineStatus div.profile_header span.profile_online_status {
color: red; } replace the OnlineStatus with an icon div.profile_header span.profile_online_status {
display:inline-block; font-size:0px; text-indent:-1000px; position: relative; top: -10px; left: 10px; width:55px; height:9px; background-image:url(http://i44.tinypic.com/zyhydj.gif); background-position: center center; background-repeat: no-repeat; } profile header – menu tabs div#profile_menu ul li a,
div#profile_menu ul li.active a { background-color: gray; color: white; }div#profile_menu ul li a { background-color: black; color: white; border: 1px solid red; border-top: 0px; } profile header – menu tabs hover effect div#profile_menu ul li:hover a {
color: black; background-color: red; } |
Good stuff! I am playing around with the designs on Dreamweaver. I love this place, it’s like the best of 1.0 and 2.0 from “the other place”.