Hallo Leute vl. kann mir wer helfen ich würde gerne den Text im Hauptmenü wie es bei mir ist
das Home durch das Font Awesome Icons Home ersetzen, nur bekomme ich das mit den Css nicht zu Stande.
Danke im Voraus.
MFG
Hauptmenü Text durch Font Awesome Icons ersetzen
-
Wenn deine HPadresse, die du hier im Profil hast, gültig wäre, könnte man sogar mal in den Firebug schauen .. und probieren, ob und wie es geht ....
-
Probiere das hier mal.
CSS#mainMenu > ul > li:nth-child(1) > a:before { content: "\f015"; font-family: FontAwesome; padding-right: 0; } -
Das hat echt funktioniert? Kann ich mit bei Alpha eigentlich gar nicht vorstellen.
Ansonsten:
CSS#mainMenu > ul > li:nth-child(1) > a { font-size: 0; } -
Alles anzeigen
CSS WBB 4.1:
CSS
Alles anzeigen.mainMenu > ul > li > a > .menuIcon { margin-right:5px; } .mainMenu > ul > li > a > .menuIcon:before { font-family: FontAwesome; font-size: 1.2rem; } .mainMenu > ul > li:not(.active) > a > .menuIcon:before { color:#999; .transition(color, .2s); } .mainMenu > ul > li.active > a > .menuIcon:before, .mainMenu > ul > li > a:hover > .menuIcon:before{ color: #FFF; .transition(color, .2s); } /* Startseite */ .mainMenu > ul > li > a > .menuIcon:before { content: "\f015"; } /* Dashboard */ .mainMenu > ul > li > a[href*="dashboard"] > .menuIcon:before { content: "\f0e4"; } /* Forum */ .mainMenu > ul > li > a[href*="board-list"] .menuIcon:before { content: "\f086"; } /* Mitglieder */ .mainMenu > ul > li > a[href*="members-list"] .menuIcon:before { content: "\f0c0";4 } /* Filebase */ .mainMenu > ul > li > a[href*="filebase"] .menuIcon:before { content: "\f0a0"; } /* Blog */ .mainMenu > ul > li > a[href*="blog"] .menuIcon:before { content: "\f02d"; }
Template mainMenu:<span class="menuIcon"></span>
[attach=19411,'none','2'][/attach
Hab es nun so gelöst wie es hier steht... Das was mir noch fehlt ist das der Text verschwindet... Hier könnt ihr es selbst sehen. http://www.carpbook.net
-
Probiere das hier mal.
CSS#mainMenu > ul > li:nth-child(1) > a:before { content: "\f015"; font-family: FontAwesome; padding-right: 0; }Hallo,
ich habe diesen Code jetzt mal für mein Forum genutzt. Das Problem dabei ist, dass es Menüpunkte gibt die nicht jeder sehen
kann. Zum Beispiel den Pranger. Dieser ist für normale User nicht einsehbar. Dadurch verschieben sich die Icons natürlich auch
da: li:nth-child(1)Gibt es eine Möglichkeit für jeden Menüpunkt ein festes Icon zu verwenden ohne dass sich da was verschiebt?
Habe es schon hiermit versucht:
Code.mainMenu > ul > li > a[href*="dashboard"] > .menuIcon:before { content: "\f015"; font-family: FontAwesome; padding-right: 0; }Leider klappte das nicht.
