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

Buttons in Beiträgen verfeinern

Schlagworte:
  1. Tamara-Jasmin
    XF 2.1 !!!!!!

    Ihr kennt ja alle die langweiligen Links unten ... Bearbeiten, Löschen, Geschichte usw...
    Das hebt sich einfach nicht ab, ja ist sogar richtig langweilig.
    Hab heute Nacht ein wenig gebastelt und auch das Umbruchproblem mit den Symbolen gelöst,

    Im Anhang das neue Design - die Farben müsst ihr halt an eure eigene Umgebung anpassen.

    Wenn es euch gefällt, lasst doch einfach ein Danke da ;)

    Code (einzutragen in extra.less (Templates):

    Code (Text):
    /* Buttonleiste aufpimpen */
    .message-footer {line-height: 30px;}

    .actionBar-action {white-space: nowrap; background-color: rgba(255,255,20,0.4);box-shadow: 3px 3px 5px #004400;}
    .actionBar-action--inlineMod::before {font-family:'Font Awesome 5 Pro'; content:"Beitrag markieren: \20";}
    .actionBar-action--report::before {font-family:'Font Awesome 5 Pro'; content:"\20\f0f3\20"; color: #aaa;font-size:18px;}
    .actionBar-action--edit::before {font-family:'Font Awesome 5 Pro'; content:"\20\f044\20"; color: green;font-size:18px;}
    .actionBar-action--history::before {font-family:'Font Awesome 5 Pro'; content:"\20\f1da\20"; color: brown;font-size:18px;}
    .actionBar-action--delete::before {font-family:'Font Awesome 5 Pro'; content:"\20\f12d\20"; color: orange;font-size:18px;}
    .actionBar-action--warn::before {font-family:'Font Awesome 5 Pro'; content:"\20\f071\20"; color: #ff3030;font-size:18px;}
     
    Wenn AddOns sich hier noch verewigen können die Zeilen natürlich erweitert werden. Bin auch gerne behilflich dabei.

    Der Orginalthread wurde hier erstellt und ist für XF 2.0.x verwendbar:

    https://www.xendach.de/threads/buttons-in-themen-und-beitraegen-css-hack.6272/#post-67099

    Liebe Grüsse:
    Tammy
  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