In der Navi AwesomeFonts

Hallo Leute

Ich versuche in der Navigation von Contao Awesome Fonts einfügen. Das möchte ich ohne Extention.
Eigentlich das mod_navigation.html5 anpassen. Hoffe dort gehen dann auch inserttags für die zuweiseung der Seite.

Kann mir da mal jemand villeicht einen Tip geben. Warum oben im versteckten Teil es im Firebug (html) ausgegeben wird und unten nicht?
Siehe die Bilder, die zeigen die Anpassung im mod_navigation.html und die Ausgabe von dem.

Kommisch es geht nur oben im versteckten Teil der Navi.

Im zweiten Screenshot stammt der erste von dir markierte Teil aus dem mod_navigation Template. Der zweite von dir markierte Teil ist das Template nav_default.

Zitat:

---

Zitat von Spooky

Im zweiten Screenshot stammt der erste von dir markierte Teil aus dem mod_navigation Template. Der zweite von dir markierte Teil ist das Template nav_default.

---

Was? haha sorry ja verstehe ich nicht ganz. Ich habe im Modul das template angegeben. Sollte überschrieben werden oder kann das Navi aus 2 templatte sein?

Der zweite Teil, den du in deinem zweiten Screenshot markiert hast, kommt nicht aus dem mod_navigation Template. Das ist das nav_default Template.

Aber was genau hast du nun eigentlich vor?

Zitat:

---

Zitat von Spooky

Der zweite Teil, den du in deinem zweiten Screenshot markiert hast, kommt nicht aus dem mod_navigation Template. Das ist das nav_default Template.

Aber was genau hast du nun eigentlich vor?

---

Wie kann ich denn das anpassen? FInde ich nicht unter templates.
ich möchte gerne Awesome Fonts bei jedem Navipunkt haben. und das ohne eine Erweiterung installieren zu müssen.
Es muss einfach im Navi so aussehen.

ZB <a class="list-group-item" href="#"><i class="fa fa-home fa-fw" aria-hidden="true"></i>&nbsp; Home</a>

Sorry habs gefunden. versuche es anzupassen.

Zitat:

---

Zitat von MacPix

Wie kann ich denn das anpassen? FInde ich nicht unter templates.

---

Solltest du unter "Templates" finden, genau wie jedes andere Template.

Zitat:

---

Zitat von MacPix

ZB <a class="list-group-item" href="#"><i class="fa fa-home fa-fw" aria-hidden="true"></i>&nbsp; Home</a>

---

Naja, aber du willst ja nicht dasselbe Icon für jeden Navigationspunkt haben?

Zitat:

---

Zitat von Spooky

Solltest du unter "Templates" finden, genau wie jedes andere Template.


Naja, aber du willst ja nicht dasselbe Icon für jeden Navigationspunkt haben?

---

Nein das selbe nicht. Das möchte ich über page class ändern. hoffe das geht.

Ja, da müsstest du halt in der nav_default pro Item die CSS Klassen abfragen und dementsprechend dann das Icon ausgeben.

Zitat:

---

Zitat von Spooky

Ja, da müsstest du halt in der nav_default pro Item die CSS Klassen abfragen und dementsprechend dann das Icon ausgeben.

---

ja oder ich wollte versuchen es über die Seite machen. Man kann ja bei jederSeite ein css angeben, das auch in der Navigation erscheint.

Ja eben, das meinte ich ja ;)

Zitat:

---

Zitat von Spooky

Ja eben, das meinte ich ja ;)

---

ok danke auf jeden Fall. super hilfe.

Wenn ich es habe, schreibe ich hier die Lösung. Kann ja sein das es noch jemend brauchen kann.

Ich habe noch nicht ganz verstanden, was du eigentlich erreichen willst.
Wenn die Menüpunkte zusätzlich zum Text ein Icon erhelten sollen, dann kannst du das ausschließlich per CSS erreichen (Stichworte :before und nth-child)

Zitat:

---

Zitat von folkfreund

Ich habe noch nicht ganz verstanden, was du eigentlich erreichen willst.
Wenn die Menüpunkte zusätzlich zum Text ein Icon erhelten sollen, dann kannst du das ausschließlich per CSS erreichen (Stichworte :before und nth-child)

---

Ja das möchte ich, aber die Zeichen bekomme ich doch von AwesomeFont oder ander Anbieter. Die Seiten müssen aber auch verschiebbar sein und die Icons gleich bleiben.

Du musst ja nur der jeweiligen CSS Klasse im :before die selben styles hinzufügen, die Font-Awesome seiner .fa und .fa:before gibt.

Zitat:

---

Zitat von Spooky

Du musst ja nur der jeweiligen CSS Klasse im :before die selben styles hinzufügen, die Font-Awesome seiner .fa und .fa:before gibt.

---

Ihregend wie gehts nicht so einfach. Es kommt da li auch mit und hat ein icon wo keines sollte sein. Un mit css gehts auch nicht direkt muss das so machen.

.impressum > span::before

Zitat:

---

Zitat von MacPix

.impressum > span::before

---

Genau

Code:

---

li.impressum > span:before,
li.impressum > a:before {
    // Font-Awesome styles
}

---