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
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
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 ....
Hi Tom jup guck...
ok Wenn ich an Tom seien Code dazu gebe. Ist alles Weg....
Alles anzeigenCSS WBB 4.1:
CSSAlles 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
So hab ich es nun gändert hier wer der Link zum Forum nur der Text gehört noch weg.
MFG
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:
.mainMenu > ul > li > a[href*="dashboard"] > .menuIcon:before {
content: "\f015";
font-family: FontAwesome;
padding-right: 0;
}
Leider klappte das nicht.