764 - 0
yes

design and style your friendburst profile – profile header

2010-12-06 at 07:43 am BlogBlog  RSSRSS  Subscribe

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;
}

Last 5 posts by pfeiffer_stylez


View Counter: 1,000 views


17 Responses to “design and style your friendburst profile – profile header”

  1. [...] • Profile Header • Contact Box • Profile Image [...]

    Likes: Thumb up 0

  2. [...] • Profile Header • Contact Box • Profile Image [...]

    Likes: Thumb up 0

  3. 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”.

    Likes: Thumb up 0

  4. [...] • Profile Header • Contact Box • Profile Image [...]

    Likes: Thumb up 0

  5. [...] • Profile Header • Contact Box • Profile Image [...]

    Likes: Thumb up 0

  6. [...] • Profile Header • Contact Box • Profile Image [...]

    Likes: Thumb up 0

  7. [...] • Profile Header • Contact Box • Profile Image [...]

    Likes: Thumb up 0

  8. [...] • Profile Header • Contact Box • Profile Image [...]

    Likes: Thumb up 0

  9. [...] • Profile Header • Contact Box • Profile Image [...]

    Likes: Thumb up 0

  10. [...] • Profile Header • Contact Box • Profile Image [...]

    Likes: Thumb up 0

  11. [...] • Profile Header • Contact Box • Profile Image [...]

    Likes: Thumb up 0

  12. [...] • Profile Header • Contact Box • Profile Image [...]

    Likes: Thumb up 0

  13. [...] • Profile Header • Contact Box • Profile Image [...]

    Likes: Thumb up 0

  14. [...] • Profile Header • Contact Box • Profile Image [...]

    Likes: Thumb up 0

  15. [...] • Profile Header • Contact Box • Profile Image [...]

    Likes: Thumb up 0

  16. [...] • Profile Header [...]

    Likes: Thumb up 0

  17. [...] • Profile Header • Contact Box • Profile Image [...]

    Likes: Thumb up 0

Leave a Reply

You must be logged in to post a comment.