theme_menu_links-Funktion wie umschreiben?
Eingetragen von dominikm (17)am 10.10.2007 - 13:17 Uhr in
Hallo,
habe ein kleines Problem. Bin jetzt endlich soweit, dass ich meine ganze Seite tabellenlos gestaltet habe =)
Nun ist es so, dass ich als "PrimaryLinks" die Links oben so in Reihe haben möchte, dass über ihnen beim Überfligen mit der Maus ca 50px über dem Link eine Grafik erscheinen soll. Wie kann man das mit CSS lösen?
Und zwar auch so dass es mit der theme_menu_links Funktion übereinstimmt, die so aussieht:
function theme_menu_links($links) {
if (!count($links)) {
return '';
}
$level_tmp = explode('-', key($links));
$level = $level_tmp[0];
$output = "<ul class=\"links-$level\">\n";
foreach ($links as $index => $link) {
$output .= '<li';
if (stristr($index, 'active')) {
$output .= ' class="active"';
}
$output .= ">". l($link['title'], $link['href'], $link['attributes'], $link['query'], $link['fragment']) ."</li>\n";
}
$output .= '</ul>';
return $output;
}und wie muss man diese gegebenfalls umschreiben?
Die theme-menu-Funktion sollte im Quelltext sowas ausgeben:
<p><a href="#" class="link_oben">Testlink</a> <a href="dd" class="link_oben">und noch einer... ffdfdddg </a>Testtext</p>
Vielen Dank schonmal im Vorraus,
Dominik
- Anmelden oder Registrieren um Kommentare zu schreiben
Da brauchst du die Funktion
am 10.10.2007 - 13:47 Uhr
Da brauchst du die Funktion nicht umschreiben sondern rein mit CSS arbeiten, z.B. sowas: "#primary a" oder so, je nachdem wie dein Theme aussieht.
gruß pebosi
Ok hab ich schon versucht,
am 10.10.2007 - 14:04 Uhr
Ok hab ich schon versucht, leider nur mit mäßugem Erfolg =( so gut kenn ich mich mit CSS noch nich aus =( Momentan habe ich das Ganze so gelöst:
In der style.css steht:
.link_oben{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #FF3300;
top: 33px;
padding-top:50px;
padding-right:100px;
position:relative;
left: 250px;
white-space: normal;
display: inline;
}
.link_oben:hover {
background: url(images/pfote.gif) no-repeat 0 2px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FF0000;
text-decoration: underline;
Und in meiner page.tpl.php steht das, wobei ich das manuell eingfügt habe nur um zu testen:
<p><a href="#" class="link_oben">Testlink</a> <a href="dd" class="link_oben">und noch einer... ffdfdddg </a>hhgggg hgggg gggg</p>Wie muss ich die CSS-Tags ändern, damit das ungefähr so aussieht wie ich es will, da ja Drupal irgendwie Listen generiert?
Erstell dir ein menü per
am 10.10.2007 - 14:26 Uhr
Erstell dir ein menü per Drupal und lass das per Drupal ausgeben, dann guckst du was du für CSS Klassen im Quellcode zur Verfügung hast, dementsprechend machst du dann deine Grafiken.
gruß pebosi
Danke habs hinbekommen, nach
am 10.10.2007 - 15:42 Uhr
Danke habs hinbekommen, nach langem probieren =)