<span> Tags um jedes primäres Element in Drupal

Question

Ich würde meine primären Links in Drupal mag wie dies in Code suchen:

<a class="active" title="Go to the Foo Homepage" href="/"><span>Home</span></a> 

Statt:

<a class="active" title="Go to the Foo Homepage" href="/">Home</a> 

So kann ich dann Stil die span getrennt von der a.

(Ich weiß, dass wie eine etwas seltsame Sache klingt zu tun, aber es ist mit arbeiten rund um IE Mangel an border-radius Unterstützung mit der Unfähigkeit verbunden zu tun 2 Bilder Hintergrund festlegen.)

So wissen Sie, wo & Wie bekomme ich Drupal, um diese Tags in alle meine primären Links einzufügen?

Answer 1

Ich vermute, irgendwo in Ihrem page.tpl.php, haben Sie so etwas wie dies die primäre Menü anzuzeigen:

print theme('links', $primary_links, array('class' => 'links primary-links')); 

Eine Lösung (vielleicht nicht die saubersten sein -, sollte aber funktionieren) würde sein auf die Elemente von $primary_links iterieren, um für jeden,:

• activate HTML-Modus
• die title mitwickelnund </span>

Wenn Ihr Menü nur eine Ebene hat, nehme ich dies tun würde:

foreach ($primary_links as & $link) { 
    $link['html'] = true; 
    $link['title'] = '<span>' . $link['title'] . '</span>'; 
} 

Und danach, Sie theme nennen wie Sie bereits jetzt zu tun.

Damit sollten Sie <span> Tags rund um den Text des Links bekommen, ohne sie in der title ‚s Attribut der <a> Tags injiziert hat.

Ich habe mehr Ebenen in Ihrem Menü, Sie müssen weiter unten iterieren; entweder mit zwei überlappenden Schleifen oder mit einer Art Rekursion, wenn Sie die Tiefe Ihrer Menüs nicht kennen.
(Ich lasse Sie mit dem Spaß zu haben, was ich gesagt habe genug sein, sollten Sie begonnen ;-) zu bekommen)

Als Nebenbemerkung, könnte dies wahrscheinlich irgendwo in template.php auch getan ... Könnte sein ein besserer Ort ; aber ich lasse dich entscheiden, welche Lösung du bevorzugst ...

Viel Spaß!

Answer 2

für die endgültige Lösung http://drupal.org/node/221382

Scroll down zu diesem Kommentar helfen http://drupal.org/node/221382#comment-755469 Dies sollte. Es gibt Probleme mit der HTML-Ausgabe, die dort gelöst werden.

Answer 3

Für die Aufzeichnung, am Ende habe ich nur die menu_html module verwendet und die Menüpunkte als <span>Menu Item 1</span> in den entsprechenden Dialogen eingegeben.

In der Tat endete ich mit <span><span>Menu Item Expanded</span></span> in einem von ihnen, weil es erweitert wurde und bereits ein Hintergrundbild gesetzt hatte. Es hat jetzt 3!

Zumindest meine gebogenen Ecken auf meinen Tabs funktionieren jetzt im IE. Ein anderes Mal, dass IE 5/6 Stunden saugt, nur weil es CSS nicht richtig unterstützt!