css sprite navi menü in drupal
Eingetragen von zuse1000 (3)am 22.03.2012 - 02:40 Uhr in
Hallo,
wie lässt sich ein css sprite menü welches ich als html/css vorher erstellt habe optimal in drupal realisieren? Ich habe kein sub-theme sondern mein eigenes gebaut. Leider erstellt drupal zig klassen und divs um die navi sodass von der originalen nichtmehr viel übrig ist :/
CSS:
<ul id ="navi">
<li class="home"><a title="home" href="index.html" class="active">Home</a></li>
......
<li class="kontakt"><a title="Kontakt" href="#">Kontakt</a></li>
</ul>und
HTML:
.home {
background: url("../img/sprite.png") no-repeat scroll -82px -376px transparent;
width: 135px;
height: 45px;
}
.home:hover {
background-position: -82px -436px;
}
.home .active {
background: url("../img/sprite.png") no-repeat scroll -82px -436px transparent;
}usw.
eine Region habe ich bereits definiert regions[menue] = Menue und lasse sie mit
<ul id ="navi">
<?php print render($page['menue']); ?>
</ul>in der page.tpl.php ausgeben?!
Im Backend habe ich die navi ganz normal Struktur->Menü->Hauptmenü - Home, - Kontakt etc. angelegt.
- Anmelden oder Registrieren um Kommentare zu schreiben
Naja du musst Dein CSS
am 22.03.2012 - 16:46 Uhr
Naja du musst Dein CSS eigentlich nur so umschreiben, dass es dem von Drupal entspricht.