PDA

View Full Version : How to mark an active link on css (Slashdot Menu)



Gorki
06-19-2007, 12:11 AM
IŽd like to mark active links in the Slashdot Menu.
What should I do to get this problem solved?



div.sdmenu {
width: 150px;
font-family: Arial, sans-serif;
font-size: 12px;
padding-bottom: 10px;
background: url(bottom.gif) no-repeat right bottom;
color: #97820d;
}
div.sdmenu div {
background: url(title.gif) repeat-x;
overflow: hidden;
}
div.sdmenu div:first-child {
background: url(toptitle.gif) no-repeat;
}
div.sdmenu div.collapsed {
height: 25px;
}
div.sdmenu div span {
display: block;
padding: 5px 25px;
font-weight: bold;
color: #97820d;
background: url(expanded.gif) no-repeat 10px center;
cursor: default;
border-bottom: 1px solid #ddd;
}
div.sdmenu div.collapsed span {
background-image: url(collapsed.gif);
}
div.sdmenu div a {
padding: 5px 10px;
background: #d9d97c;
display: block;
border-bottom: 1px solid #ddd;
color: #97820d;
}
div.sdmenu div a.current {
background : #d9d97c;
}
div.sdmenu div a:hover {
background : #d9d97c url(linkarrow.gif) no-repeat right center;
color: #97820d;
font-weight: bold;
text-decoration: none;
}

colin jones
06-30-2007, 08:36 AM
Hi Gorki
You need to modify the sdmenu.css

div.sdmenu div a.current {
background : #FF6600;
}

Change the background colour to that which you need for the current page.