Individuelle Navigation gestalten
Hi @ all,
bin vor kurzem erst zu contao gekommen und absoluter neuling !
Bastele gerade an meiner zweiten webseite herum und würde gerne der Individuelle Navigation farben bzw bilder zuweisen (Hintergrundbild etc. ) habe mich jetzt durch einige posts gelesen und auch getestet aber leider nichts passendes gefunden wäre schön wenn ihr mir auf die sprünge helfen könntet .
Code:
#left div.mod_navigation {
width:170px;
font-size:12px;
}
#left .mod_navigation h1 {
margin:0 0 1em;
font-size:14px;
font-weight:bold;
}
#left .mod_navigation ul {
margin:0;
padding:0;
background-color:#fff;
}
#left .mod_navigation li {
margin:0;
list-style-type:none;
}
#left .mod_navigation a,
#left .mod_navigation span {
display:block;
padding:15px;
border-collapse:collapse;
font-size:12pt;
text-decoration:none;
color:#000;
border-right:2px solid rgba(242,19,19,0.75);
background: #FFFFFF;
}
#left .mod_navigation a:hover,
#left .mod_navigation a:focus {
font-weight:bold;
color:#030303;
}
#left .mod_navigation span.active,
#left .mod_navigation .trail {
font-weight:bold;
color:#030303;
}
#left .mod_navigation li li a,
#left .mod_navigation li li span {
margin-left:18px;
}
#left .mod_navigation li li a:hover,
#left .mod_navigation li li a:focus {
background-color:#D87702;
color:#fff;
}
#left .mod_navigation .submenu a {
background-color:#fff;
color:#333;
}
* html #left .mod_navigation ul,
* html #left .mod_navigation a,
* html #left .mod_navigation span {
height:1%;
}
#main .mod_customnav li.first {
background-color:#f00;
}
#main .mod_customnav li.first {
background-color:#f00;} funkrioniert leider nur beim ersten egal was ich jetzt versucht habe um den anderen eine neue farbe zuzuweisen hatt leider nicht geklappt
HTML-Code:
<div id="container">
<div id="main">
<div class="inside">
<!-- indexer::stop -->
<nav class="mod_customnav block">
<a class="invisible" href="index.php/kanzlei.html#skipNavigation4">Navigation überspringen</a>
<ul class="level_1">
<li class="first"><a class="first" title="123" href="index.php/123.html">123</a></li>
<li><a title=123" href="index.php/123.html">123</a></li>
<li><a title="Team" href="index.php/team.html">Team</a></li>
<li><a title="Rechtsgebiete" href="index.php/rechtsgebiete.html">Rechtsgebiete</a></li>
<li><a title="Service" href="index.php/service.html">Service</a></li>
<li class="last"><a class="last" title="Kontakt" href="index.php/kontakt.html">Kontakt</a></li>
</ul>
<a class="invisible" id="skipNavigation4"> </a>
</nav>
<!-- indexer::continue -->
Danke schon einmal im vorraus
Gruß manu