Menupunkt aus Navigation mit Icon ersetzen?!

**xkoy** · 23.10.2013, 09:09

Morgen,

ist es irgendwie möglich, zB. den Startpunktm bzw. andere Menupunkte der normalen Navigation mit Icons zu ersetzen.
Mir gehts nur drum wie ich an die einzelnen Punkte rankomm. Die werden ja alle generiert.

Würd zB. gern die Startseite mim Icon ersetzen aus Platztechnischen Gründen.

Danke
Dani

**tblumrich** · 23.10.2013, 09:32

1. Jeder Seite eine CSS Klasse geben, dann hat jeder Menüpunkt auch seine eigene Klasse.
2. Menütext ausblenden oder verschieben z.B. über text-indent
3. Icon über CSS zuweisen

Oder eine Erweiterung wie diese:
https://contao.org/en/extension-list...avigation.html
nutzen.

So mach ich das in der Regel.
Oder meinst du das anders?

Gruß
Thomas

PS: Oder ähnlich wie hier verfahren

**MacKP** · 23.10.2013, 09:37

Dem Punkt in der Seitenstruktur ne Klasse geben. Ist dann auch in der Navi diese Klasse. Rest ist CSS.
Weitere Infos dazu wirst du hier im Forum finden oder im Internet ;-)

Viele Grüße

Edit: Tja, das passiert, wenn man alle neuen Posts liest und antwortet ohne neu zu laden *g*

**xkoy** · 23.10.2013, 09:38

hey,

ja danke für die Tipps. Mit css dacht ich mir auch, weil ich die Font-Awesome hernehme. Da gibts aber auch ne css Lösung meine ich...

**Treffpunkt** · 11.11.2013, 21:48

Ich habe ein ähnliches (oder das selbe) Anliegen wie der Threadersteller.

Auf dieser Seite möchte ich unter dem letzten Menüpunkt (Suche) das Facebook-Logo einfügen, welches als Link zu unserer Facebook-Seite führt.
Zudem möchte ich einen einzelnen Menüpunkt in English machen, wo ich neben dem Titel links oder rechts die britische Flagge platzieren wollte.

Die oben verlinkte Erweiterung hab ich installiert, jedoch versteh ich die Funktionsweise noch nicht. Bisher hab ich zwar bei den Backend-Modulen unter Inhalte den Punkt "Seitenbilder" gefunden und dort auch ein Bild eingefügt, jedoch weiß ich hab hier nicht weiter, was ich machen muss.

Kann mir da jemand bei weiterhelfen?

**xkoy** · 11.11.2013, 21:50

Machs am besten mit css. :after oder :before, dazu font icons , zb font awesone und fertig

**Treffpunkt** · 11.11.2013, 22:18

ich kenn mich mit css sehr wenig aus. was muss ich dazu genau machen?

**xkoy** · 11.11.2013, 22:22

Schau mal hier:

http://davidwalsh.name/font-awesome-tags

**AndreasC** · 13.11.2013, 17:57

Hallo Treffpunkt,

einfach z.B. als Überschrift in die Seite einfügen oder auch als Überschrift für einen Text reinschreiben.

{{fa::envelope}}

für den Briefumschlag z.b.

Das geht gut ohne CSS, die Icongröße richtet sich dann nach Zeilen u./o. Schrifthöhe, habs gerade nicht mehr im Kopf.

Grüße

**AndreasC** · 13.11.2013, 17:57

Zitat von Treffpunkt

ich kenn mich mit css sehr wenig aus. was muss ich dazu genau machen?

Hallo Treffpunkt,

einfach z.B. als Überschrift in die Seite als Contentelement oder in einem Artikel einfügen oder auch als Überschrift für einen Text reinschreiben.

{{fa::envelope}}

für den Briefumschlag z.b.

Das geht auch ganz gut mit dem WYSIWYG Editor "inline".

Das geht (fast) ohne CSS, die Icongröße richtet sich dann nach Zeilen u./o. Schrifthöhe, habs gerade nicht mehr im Kopf.

Gruß