Tuesday, February 20, 2007

Face lift for Sunset

A minor face lift was made to the [tag]Sunset[/tag] theme. I'm not releasing a new version if you are using this theme you can consider changing just the CSS file following below. The few lines in the CSS file were below

#leftbar .tab {
background: url('image/footer.gif') repeat-x;
cursor:pointer;
height:30px;
padding:5px 0 5px 5px;
margin-top:5px;
overflow:hidden;
}
#leftbar .tab a {
color:#00c0dc;
}
#leftbar .tab a:hover {
color:#ffff84;
padding:5px 0 5px 5px;
margin:0px;
display:block;
text-decoration:none;
}


Now change the above lines to

#leftbar .tab {
background: url('image/tab.png') repeat-x;
cursor:pointer;
height:27px; /* was 30 */
margin-top:5px;
overflow:hidden;
}
#leftbar .tab a {
text-decoration:none;
height:17px;
padding:5px 0 5px 5px;
display:block;
color:#003FFF;
font-weight:bold;
}
#leftbar .tab a:hover {
background: url('image/tabhover.png') repeat-x;
color:#FFFFFF;
padding:5px 0 5px 5px;
margin:0px;
display:block;
text-decoration:none;
}


Take note at the new image "tab.png" and "tabhover.png" used. You can see the new sidebar tab here.

I didn't use any fancy software to do the new tab image. Hope Bill doesn't mind I "borrowed" two 1x27 pixels strips from his WMP version 11. That makes a good match for dark theme. I cropped the image using genuine Microsoft Paint and Office Picture Manager.

You can do this all by yourself. If anyone really wants a download let me have your comments.

No comments:

Post a Comment