design and style your friendburst profile – top area
|
• Introduction • Background • Top Area • Middle Area • Profile Header • Left Column • Right Column • Tweaks |
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; } |
cool
I don’t have much time for customization but give yourself props, this is a great thing you are doing!
good & great work 🙂 cool !!! 😉 🙂
Thank You
I’m using on of your lay out
So thank you for the help you give
Your kindness is appreciated.