design and style your friendburst profile – bottom area
|
• Introduction • Background • Top Area • Middle Area • Profile Header • Left Column • Right Column • Bottom Area • • Tweaks |
bottom area – border and background div#bottom {
background-color: blue; border: 1px solid red; border-bottom: 0px; } bottom area – links and hover effect div#bottom div.bottom_menu ul li a {
color: gold; } div#bottom div.bottom_menu ul li a:hover { color: black; } bottom area – link seperators div#bottom div.bottom_menu ul li span {
color: red; } bottom area – copyright notification div#bottom div.copyright {
color: red; } Replace the RSS-feed icon (20 x 21 px) div#bottom div.bottom_menu ul li.rss_link a {
background-image: url(URL); } div#bottom div.bottom_menu ul li.rss_link a img { visibility: hidden; } replace the “select language” icon div#bottom div.bottom_menu ul li a#select_lang_pack {
background-image: url(http://i53.tinypic.com/2mzi5bc.png); background-position: center right; background-repeat: no-repeat; } div#bottom div.bottom_menu ul li a#select_lang_pack img { visibility:hidden; } I’ll add some pre-made icons later. |
* on the very first code, the bottom border did not show up. i changed this part >>> border-bottom: 0px; to >>> border-bottom: -10px; and the bottom border came up and is working *
* for the link hovers >>> know how you have the underline for the language and the language selector arrows ?, they are backwards.