Nettes Hallo an Euch,
versuchen im mx-rainbow anstelle der normalen Navigationsbuttons ein Rollovermenü einzubauen. Haben dazu erst in der theme.html folgendes eingebaut:
##################################
<style type="text/css">
div#menu{ height:90px; width:800px; margin: 0 auto; overflow:hidden; border-right-style: hidden; }
div#menu ul,div#menu li{
margin:0;
padding:0;
list-style:none;
display:inline;
}
div#menu a{
margin-top:0;
}
div#menu a,div#menu a:hover{
height:180px;
overflow:hidden;
display:block;
text-decoration:none;
float:left;
}
div#menu a:hover{
margin-top:-90px;
}
a:active, a:link, a:visited {
height:180px;
overflow:hidden;
display:block;
text-decoration:none;
float:left;
}
div#menu a:visited{
margin-top:90px;
}
img{
border:none;
}
html + body div#menu a#chicneu{/* only for IE 5.0 */
width:90px; background-image:url(images/navbuttons/chicneu.jpg); border-right-style: hidden; }
html + body div#menu a#gesundneus{/* only for IE 5.0 */
width:99px;
background-image:url(images/navbuttons/gesundneu.jpg);
}
html + body div#menu a#kreativneu{/* only for IE 5.0 */
width:90px;
background-image:url(images/navbuttons/kreativneu.jpg);
}
html + body div#menu a#jungneu{/* only for IE 5.0 */
width:90px;
background-image:url(images/navbuttons/jungneu.jpg);
}
html + body div#menu a#koestlichneu{/* only for IE 5.0 */
width:90px;
background-image:url(images/navbuttons/koestlichneu.jpg);
}
html + body div#menu a#professionellneus{/* only for IE 5.0 */
width:90px;
background-image:url(images/navbuttons/professionellneu.jpg);
}
html + body div#menu a#spannendneu{/* only for IE 5.0 */
width:90px;
background-image:url(images/navbuttons/spannendneu.jpg);
}
html + body div#menu a#kompetentneu{/* only for IE 5.0 */
width:90px;
background-image:url(images/navbuttons/kompetentneu.jpg);
}
html + body div#menu a img{/* only for IE 5.0 */
display:none;
}
</style>
</head>
########################################
und dann
in der my_header.php das folgende.
#########################################################################################
<style type="text/css">
div#menu{ height:90px; width:797px; margin: 0 auto; overflow:hidden; border-right-style: hidden; }
div#menu ul,div#menu li{
margin:0;
padding:0;
list-style:none;
display:inline;
}
div#menu a{
margin-top:0;
}
div#menu a,div#menu a:hover{
height:180px;
overflow:hidden;
display:block;
text-decoration:none;
float:left;
}
div#menu a:hover{
margin-top:-90px;
}
a:active, a:link, a:visited {
height:180px;
overflow:hidden;
display:block;
text-decoration:none;
float:left;
}
div#menu a:visited{
margin-top:90px;
}
img{
border:none;
}
html + body div#menu a#chicneu{/* only for IE 5.0 */
width:90px; background-image:url(/themes/mx-rainbow/images/navbuttons/chicneu.jpg); border-right-style: hidden; }
html + body div#menu a#gesundneus{/* only for IE 5.0 */
width:99px;
background-image:url(/themes/mx-rainbow/images/navbuttons/gesundneu.jpg);
}
html + body div#menu a#kreativneu{/* only for IE 5.0 */
width:90px;
background-image:url(/themes/mx-rainbow/images/navbuttons/kreativneu.jpg);
}
html + body div#menu a#jungneu{/* only for IE 5.0 */
width:90px;
background-image:url(/themes/mx-rainbow/images/navbuttons/jungneu.jpg);
}
html + body div#menu a#koestlichneu{/* only for IE 5.0 */
width:90px;
background-image:url(/themes/mx-rainbow/images/navbuttons/koestlichneu.jpg);
}
html + body div#menu a#professionellneus{/* only for IE 5.0 */
width:90px;
background-image:url(/themes/mx-rainbow/images/navbuttons/professionellneu.jpg);
}
html + body div#menu a#spannendneu{/* only for IE 5.0 */
width:90px;
background-image:url(/themes/mx-rainbow/images/navbuttons/spannendneu.jpg);
}
html + body div#menu a#kompetentneu{/* only for IE 5.0 */
width:90px;
background-image:url(/themes/mx-rainbow/images/navbuttons/kompetentneu.jpg);
}
html + body div#menu a img{/* only for IE 5.0 */
display:none;
}
</style>
##########################################################################
nachdem wir selbstverständlich die Grafiken vorher hochgeladen haben.
Sieht aber leider nur so aus:
http://dps36a52.dps36.derproviderserver.de/
Hat jemand einen Tipp für mich?
Gruß und Dank
Peter