764 - 0
yes

design and style your friendburst profile – top area

2010-12-05 at 07:49 pm BlogBlog  RSSRSS  Subscribe

transparent top area

div#header_holder div#header {
background-color: transparent;
border: 0px;
}

welcome bar – background and border

div#header_holder div#header div#ttitopnavbar {
background-color: blue;
border: 1px solid red;
border-top-width: 0px;
}
div#ttitopnav {
margin: 0px;
}

welcome bar – welcome text

div#ttitopnavbar div#ttiwelcome div#first_name {
color: white;
}

welcome bar – date

div#ttitopnavbar div#ttiwelcome div#time_stamp a {
color: gold;
}
div#ttitopnavbar div#ttiwelcome div#time_stamp a:hover {
color: black;
}

welcome bar – topnav background image (200×25 px)

div#ttitopnavbar div#ttitopnav {
background-image: url(“URL“);
}

welcome bar – topnav icons hover effect

div#ttitopnavbar div#ttitopnav ul li a:hover {
background-color: transparent;
}

logo bar

div#header_holder div#header div#logo {
background-color: blue;
border: 1px solid red;
}

logo bar – custom FBU logo

div#header_holder div#header div#logo div#custom_logo a {
display: inline-block;
width: 150px;
height: 22px;
background-image: url(“URL“);
}
div#header_holder div#header div#logo div#custom_logo a img {
visibility: hidden;
}

logo bar – hide top ad

No. Be happy and thankful that we are permitted to customize our profiles with CSS. Do not misuse this privilege.

news bar

div#header div#top_nav_holder {
background-color: blue;
border: 1px solid red;
}

“News and Announcement”

div#header div#top_nav_holder div#top_nav {
color: white;
}

news bar – news link

div#header div#top_nav_holder div#top_nav a {
color: gold;
}
div#header div#top_nav_holder div#top_nav a:hover {
color: black;
}

news bar – search field

div#header div#top_nav_search {
background-color: yellow;
border: 1px solid red;
}

news bar – search field input

div#header div#top_nav_search input#search_field {
background-color: transparent;
color: blue;
}

Last 5 posts by pfeiffer_stylez


View Counter: 4,827 views


20 Responses to “design and style your friendburst profile – top area”

  1. [...] • Top Area • Navigation Bar [...]

    Likes: Thumb up 0

  2. [...] • Top Area • Navigation Bar [...]

    Likes: Thumb up 0

  3. [...] • Top Area • Navigation Bar [...]

    Likes: Thumb up 0

  4. [...] • Top Area • Navigation Bar [...]

    Likes: Thumb up 0

  5. [...] • Top Area • Navigation Bar [...]

    Likes: Thumb up 0

  6. [...] • Top Area • Navigation Bar [...]

    Likes: Thumb up 0

  7. [...] • Top Area • Navigation Bar [...]

    Likes: Thumb up 0

  8. [...] • Top Area • Navigation Bar [...]

    Likes: Thumb up 0

  9. [...] • Top Area • Navigation Bar [...]

    Likes: Thumb up 0

  10. [...] • Top Area • Navigation Bar [...]

    Likes: Thumb up 0

  11. [...] • Top Area • Navigation Bar [...]

    Likes: Thumb up 0

  12. [...] • Top Area • Navigation Bar [...]

    Likes: Thumb up 0

  13. [...] • Top Area • Navigation Bar [...]

    Likes: Thumb up 0

  14. [...] • Top Area • Navigation Bar [...]

    Likes: Thumb up 0

  15. [...] • Top Area • Navigation Bar [...]

    Likes: Thumb up 0

  16. [...] • Top Area • Navigation Bar [...]

    Likes: Thumb up 0

  17. I don’t have much time for customization but give yourself props, this is a great thing you are doing!

    Likes: Thumb up 0

  18. good & great work :) cool !!! :wink: :)

    Likes: Thumb up 0

  19. Thank You
    I’m using on of your lay out
    So thank you for the help you give
    Your kindness is appreciated.

    Likes: Thumb up 0

Leave a Reply

You must be logged in to post a comment.