Hi,
wie kann ich die Font Awesome Icons gegen eigene austauschen?
Font Awesome Icons austauschen
-
Route 66 -
18. April 2015 um 08:38
-
-
Font Awesome Icons
Welche meinst Du?
Hier mit eigenen Grafiken
CSS
Alles anzeigen/*BoardIcons*/ .wbbBoardContainer > .wbbBoard > .icon:before { background-image: url (@{style_image_path}/icon/boardM.png); content: ""; display: block; height: 32px; width: 32px; } .wbbBoardContainer > .wbbBoard.new > .icon:before { background-image: url (@{style_image_path}/icon/boardNewM.png); content: ""; display: block; height: 32px; width: 32px; } /*SubBoardIcons*/ .wbbBoardList .wbbSubBoards li > span.icon::before { background-image: url (@{style_image_path}/icon/boardS.png); content: ""; display: block; height: 16px; width: 16px; } .wbbBoardList .wbbSubBoards li.new > span.icon::before { background-image: url (@{style_image_path}/icon/boardSnew.png); content: ""; display: block; height: 16px; width: 16px; }
Und hier einmal mit anderen Font Awesome.CSS
Alles anzeigen/*BoardIcons*/ .wbbBoard .icon-folder-close-alt:before { font-family: FontAwesome; font-size: 1.4rem!important; content: "\f07b"!important; position: relative; } .wbbBoard .icon-folder-close:before { font-family: FontAwesome; font-size: 1.4rem!important; content: "\f07b"!important; position: relative; } /*SubBoardsIcon*/ .wbbSubBoards .icon-folder-close-alt:before { font-family: FontAwesome; font-size: 1.4rem!important; content: "\f07b"!important; position: relative; } .wbbSubBoards .icon-folder-close:before { font-family: FontAwesome; font-size: 1.4rem!important; content: "\f07b"!important; position: relative; } -
Hallo,
vielen Dank erst Mal!
Ich möchte z. B. diese Icons ändern:
Der Inhalt kann nicht angezeigt werden, da Sie keine Berechtigung haben ihn zu sehen. Beim Deinem zweiten Beispiel haben sich einige Icons geändert.
Zum ersten Beispiel noch folgende Frage:
Wo liegt der @{style_image_path}?
Unter dem Verzeichnis des Stil?
Oder unter \htdocs\wbb41\wcf\icon? -
- Teambeitrag
@{style_image_path} = der eingestellte Stil-Ordner im Stil-Editor.
-
Hat alles so weit geklappt, vielen Dank!
Nur möchte ich auch gerne die Icons für das Teilen von "Facebook" "Google+" etc. austauschen. Nur dafür finde ich nichts
!Der Inhalt kann nicht angezeigt werden, da Sie keine Berechtigung haben ihn zu sehen. -
- Teambeitrag
CSS
Alles anzeigen/* Facebook */ .icon-facebook-sign:before, .fa-facebook-square:before { background-image: url (@{style_image_path}/icon/boardM.png); content: ""; display: block; height: 32px; width: 32px; } /* Twitter */ .icon-twitter-sign:before, .fa-twitter-square:before { background-image: url (@{style_image_path}/icon/boardM.png); content: ""; display: block; height: 32px; width: 32px; } /* Google */ .icon-google-plus-sign:before, .fa-google-plus-square:before { background-image: url (@{style_image_path}/icon/boardM.png); content: ""; display: block; height: 32px; width: 32px; } /* Reddit */ .fa-reddit-square:before { background-image: url (@{style_image_path}/icon/boardM.png); content: ""; display: block; height: 32px; width: 32px; } -
Wie immer:
Perfekt! Vielen Dank!!
-
Ääähhmmm eine Frage dazu hätte ich doch noch....
Kann ich die Position für das Icon "Einstellungen zum Teilen" ändern? Es steht ein paar Pixel zu hoch.
Der Inhalt kann nicht angezeigt werden, da Sie keine Berechtigung haben ihn zu sehen. -
- Teambeitrag
Wäre einfacher, wenn man den Link zur Live-Ansicht hätte.
Sollte ja eigentlich bei identischen Icon-Grafiken auch nicht notwendig sein, da manuell nachzuarbeiten.
Hast du auch bei allen diesen Icons die gleiche Höhe definiert?
-
Zugangsdaten gerade per Kon abgeschickt.
Ich habe die Höhen an sich nicht verändert. Auch mit dem originalen Zeichen aus der V-Collection von Black Rider sieht es genau so aus!