PDA

View Full Version : Slashdot Menu script- By DimX "mark the active link"



der_Ronny
04-12-2013, 10:35 AM
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:


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:


<!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>

der_Ronny
04-15-2013, 12:45 PM
This Thread can be closed - i have taken another menu with jquery and "selected" function.