Results 1 to 2 of 2

Thread: Slashdot Menu script- By DimX "mark the active link"

  1. #1
    Join Date
    Apr 2013
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Slashdot Menu script- By DimX "mark the active link"

    1) Script Title: Slashdot Menu script- By DimX

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/slashdot.htm

    3) Describe problem: Hi there!
    I'm using the Slashdot-Menu script from DimX.
    All works fine, but I tried to show the active (selected) menulink in red. That doesn't work.
    I've set the values in the section "div.sdmenu div a.current {" of the sdmenu.css, but nothing happens.
    Please help and thanks a lot!!!


    sdmenu.css:
    Code:
    div.sdmenu {
    	width: 150px;
    	font-family: Verdana, Geneva, sans-serif;
    	font-size: 11px;
    	padding-bottom: 10px;
    	/* background: url(bottom.gif) no-repeat  right bottom; */
    	color: #86254F;
    }
    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: 20px;
    	color: #86254F;
    }
    div.sdmenu div span {
    	display: block;
    	padding: 1px 10px;
    	/*font-weight: bold; */
    	color: #000000;
    	background: url(aufzaehlung_2.gif) no-repeat 0px center; 
    	cursor: default;
    	/* border-bottom: 0px solid #ddd;   */
    }
    div.sdmenu div.collapsed span {
    	background-image: url(aufzaehlung_1.gif);
    	/* geeeeeeeeeht color: #86254F; */
    		color: #86254F;
    }
    div.sdmenu div a {
    	padding: 1px 10px;
    	/* background: #eee; */
    	display: block;
    	/* border-bottom: 1px solid #ddd; */
    	font-size: 10px;
    	color: #000000;
    	text-decoration: none;
    }
    div.sdmenu div a.current {
    	background : #c0c0c0;
    	color: #86254F;
    	text-decoration: underline;
    }
    div.sdmenu div a:hover {
    	/* background : #066 url(linkarrow.gif) no-repeat right center; */
    	color: #86254F;
    	text-decoration: underline;
    }
    
    
    
    
    div.sdmenu div a.typ2 {
    	display: block;
    	font-size: 11px;
    	padding: 0px 1px;
    	/*font-weight: bold; */
    	color: #FF0000;
    	cursor: default;
    	/* border-bottom: 0px solid #ddd;   */
    }
    div.sdmenu div a.type.current {
    	/* background : #ccc; */
    }
    div.sdmenu div a.typ2:hover {
    	/* background : #066 url(linkarrow.gif) no-repeat right center; */
    	color: #00AA00;
    	text-decoration: none;
    }


    HTML-Code:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>menutest</title>
    
    	
    	
    	<link rel="stylesheet" type="text/css" href="sdmenu/sdmenu.css" />
    	<script type="text/javascript" src="sdmenu/sdmenu.js">
    	</script>
    	
    
    	<script type="text/javascript">
    	// <![CDATA[
    	var myMenu;
    	window.onload = function() {
    		myMenu = new SDMenu("my_menu");
    		myMenu.speed = 2;
    		myMenu.oneSmOnly = true;
    		myMenu.markCurrent = true;
    		myMenu.init();
    		myMenu.collapseAll();
    	};
    	// ]]>
    	</script>
    
    	
    	
    	
    	
    
    	
    	
      </head>
    <body bgcolor="#FFFFFF" text="#742956" link="#742956" vlink="#742956" alink="#742956">
    	
    	<table width="185" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="19">&nbsp;</td>
        <td width="166" height="50">&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>
    
        <div style="float: left" id="my_menu" class="sdmenu">
          <div>
            <span>RÖNTGEN</span>
            <a href="../roentgen/mammographie.html" target="inhalt">Mammographie</a>
            <a href="../roentgen/ultraschall.html" target="inhalt">Ultraschall</a>
            <a href="../roentgen/knochendichtemessung.html" target="inhalt" target="inhalt">Knochendichtemessung</a>
          </div>
          <div>
            <span>LEISTUNGSUMFANG</span>
          </div>
          <div>
            <span>TEAM</span>
            <a href="../team/aerzte.html" target="inhalt">Ärzte</a>
            <a href="../team/roentgenteam.html" target="inhalt">Röntgenteam</a>
            <a href="../team/front_and_backoffice.html" target="inhalt">Front- and Back-Office Team</a>
          </div>
          <div>
            <span>ANMELDUNG</span>
            <a href="../anmeldung/u_ohne_termin.html" target="inhalt">Untersuchungen ohne Terminvereinbarung</a>
            <a href="../anmeldung/u_mit_termin.html" target="inhalt">Untersuchungen mit Terminvereinbarung</a>
          </div>
          <div>
            <span><a href="../anfahrt/anfahrt.html" target="inhalt" class="typ2">ANFAHRT</a></span>
          </div>
          <div>
            <span>IMPRESSUM</span>
          </div>
          
          
        </div>
    
        <!-- <div style="padding-left: 200px"> -->
     
      </div>
      
      
      
      
      
      
      
          </td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table>
      </body>
    </html>

  2. #2
    Join Date
    Apr 2013
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    This Thread can be closed - i have taken another menu with jquery and "selected" function.

Similar Threads

  1. create "active" image link on slideshow
    By idioteque in forum JavaScript
    Replies: 1
    Last Post: 08-31-2008, 09:46 PM
  2. Replies: 1
    Last Post: 07-08-2008, 07:30 PM
  3. Slashdot Help (No SubMenu Needed) for "Home" link
    By jcoleman in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 02-11-2008, 06:51 PM
  4. Problem with tab content script while changing from "link" to "linkparent"
    By barbapappa in forum Dynamic Drive scripts help
    Replies: 6
    Last Post: 02-03-2008, 09:32 PM
  5. How to mark an active link on css (Slashdot Menu)
    By Gorki in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 06-30-2007, 09:36 AM

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
  •