Frage

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

<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 stylen die span getrennt vom 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 zu tun, mit der Unfähigkeit gekoppelt 2 Bilder Hintergrund eingestellt werden.)

So weißt du, wo und wie ich Drupal diese Tags in allen meinen primären Links einfügen bekommen?

War es hilfreich?

Lösung

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

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

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

  • aktivieren HTML-Modus
  • wickeln Sie das title mit <span> und </span>

Wenn Sie 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 können Sie rufen theme wie Sie bereits jetzt zu tun.

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


Ich Ihnen weitere Ebene in Ihrem Menü haben, werden Sie weiter nach unten zu durchlaufen haben; entweder mit zwei Schuppen Schleifen oder mit irgendeiner Art von Rekursion, wenn Sie nicht wissen, die Tiefe des Menüs.
(Ich lasse Sie mit dem Spaß zu haben, was ich gesagt habe genug sein sollte, um Ihnen den Einstieg ;-))


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


Viel Spaß!

Andere Tipps

Dies sollte helfen http://drupal.org/node/221382

Blättern Sie zur Endlösung http://drupal.org/node/ 221382 # comment-755469 . Es gibt Probleme mit der HTML-Ausgabe, die dort gelöst werden.

Für die Aufzeichnung am Ende habe ich nur die menu_html Modul und trat die Menüpunkte wie <span>Menu Item 1</span> in den entsprechenden Dialogen.

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

Wenigstens meine abgerundeten Ecken auf meine Tabs arbeiten nun im Internet Explorer. Ein anderes Mal, dass IE aufsaugt 5/6 Stunden, nur weil es CSS nicht richtig unterstützen!

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top