Facebook-Icon in das Menü integrieren

Hallo,

wenn es dir genügen würde, wie es im Bild zu sehen ist, dann kannst du das z.B. mit http://weloveiconfonts.com/ machen.

1: Dir dort das Icon raussuchen.

2: Dann auf "Add" gehen.

3: Dann unten auf "Use 1"

4: Dann den ersten Code in das CSS der Webseite einfügen, wie z.B.:

<style>
@import url(http://weloveiconfonts.com/api/?family=brandico);

/* brandico */
[class*="brandico-"]:before {
  font-family: 'brandico', sans-serif;
  color: #3B5998;
}
</style>

(Farbe: Manuell eingefügt)

5: Dann eine neue Seite erstellen und bei dem Namen, folgendes einfügen: <span class="brandico-facebook-rect"></span>

6: Dort dann gleich die "Umleitung" auf die Facebook-Seite mit erledigen.

Ergebnis: Siehe Bild

P.S: Ggf. auf Wunsch noch ein z.B. font-size: 1.4em; dem CSS-Code mitgeben, so dass das Icon größer wird.

Zitat von halloTAXI

Hat jemand eine Idee, wie ich das facebook Symbol mit Link auf die Facebook-Seite in das Hauptmenü bekomme?
Das f-Symbol soll in der Navigationsleiste neben dem letzten Menüpunkt stehen.
Bei http://www.weddingonline.de (zur Zeit befindet sich der facebook-Link ganz unten links).

So in etwa???

https://hosting.zeta-producer.com/5035561472/kontakt.html

Bild in ein Bilderalbum importieren und die ID wie folgt ermitteln.

Zitat von Stefan S

An die Objekt-ID kommen Sie ebenfalls in der Bildverwaltung. Wenn Sie dort ein Bild anklicken und dann "Werkzeuge > Objekt-ID kopieren" wählen, wird die Objekt-ID in die Zwischenablage kopiert und kann so z.B. in das SRC-Attribut eines Image-Tags eingefügt werden. Beispiel: <img src="oid://image/tulips" />

Neue Seite, wie folgt anlegen und bei src die eben ermittelte Objekt-ID einfügen:

Damit sieht der Titel jedoch etwas unschön aus.

Ich persönlich habe mir die partials mainmenu und submenu angepasst, so dass solch ein Icon aus einem Seitenattribut gelesen und verlinkt wird. Sieht dann so aus:



Und das runterhüpfende Logo habe ich auch entfernt und mit dem Haussymbol ersetzt.

halloTAXI : Wie du siehst, hier trifft wie bei manch anderem auch der Spruch zu

"Viele Wege führen nach Rom"

P.S.: Eben das hier, in die dazu passende "Abteilung" verschoben.

👍