XF2.1 Buttons in Themen und Beiträgen - CSS Hack 2.1

Buttons in Beiträgen verfeinern

  1. Tamara-Jasmin

    Tamara-Jasmin Aktives Mitglied Lizenzinhaber

    Tamara-Jasmin hat eine neue Ressource erstellt:

    Buttons in Themen und Beiträgen - CSS Hack - Buttons in Beiträgen verfeinern

    Weitere Informationen zu dieser Ressource...
     
  2. McAtze

    McAtze Innendienst Lizenzinhaber

    Bitte achte bei deinen Ressourcen auf die richtige Kategorie. Dies ist kein Sprachpaket sondern eine Template-Änderung. Ich habe deine beiden Ressourcen mal verschoben.
     
  3. Tamara-Jasmin

    Tamara-Jasmin Aktives Mitglied Lizenzinhaber

    Sorry ;) hatte nur AddOns und Hacks gelesen ...
    Übrigens ist die Schrift so gut wie nicht lesbar : klicke auf dieses Feld um den code in voller Grösse anzuzeigen. Hellstes Gelb auf weissem Hintergrund ... hmmmm

    LG: Tammy
     
    McAtze gefällt das.
  4. McAtze

    McAtze Innendienst Lizenzinhaber

    Für die einfache Variante kannst du dir mal als Beispiel den Code anschauen. Das ist der XF2.1 Syntax für die FontAwesome Integration in die LESS.
    Code (CSS):
    .actionBar-action
    {
        &.actionBar-action--report:before {.m-faContent("@{fa-var-bell}\20");}
        &.actionBar-action--edit:before {.m-faContent("@{fa-var-pencil}\20");}
        &.actionBar-action--delete:before {.m-faContent("@{fa-var-eraser}\20");}
        &.actionBar-action--warn:before {.m-faContent("@{fa-var-exclamation-triangle}\20");}
    }
    Screenshot 2018-12-01 23.14.53.png

    XenForo hat in der Version 2.1 alle Icons von FontAwesome in der setup_fa.less deklariert und du brauchst nicht die \f5f2 als content nutzen. Du kannst direkt im Syntax bleiben und die Icons beim Namen nennen. Auch brauchst du nicht jedesmal den font-style aufrufen, dies wird auch schon in der core_fa.less gemacht. Somit kannst du einfach im Stil einer LESS arbeiten.
     
    Zuletzt bearbeitet: 1. Dez. 2018
    otto und Tamara-Jasmin gefällt das.
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden