Advanced Search

Results 1 to 2 of 2

Thread: How to mark an active link on css (Slashdot Menu)

  1. #1
    Join Date
    May 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default How to mark an active link on css (Slashdot Menu)

    IŽd like to mark active links in the Slashdot Menu.
    What should I do to get this problem solved?

    Code:
    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;
    }

  2. #2
    Join Date
    Sep 2004
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •