URL-Link mit Icon

In diesem Forum können Extension-Autoren ihre Extensions vorstellen, die sich noch im Entwicklungsstatus befinden. Der Einbau in Foren im produktiven Betrieb wird nicht empfohlen.
donsenilo
Mitglied
Beiträge: 63
Registriert: 13.12.2011 18:44
Wohnort: Wien
Kontaktdaten:

Re: URL-Link mit Icon

Beitragvon donsenilo » 18.03.2017 16:48

Zur Info:

Das mit dem "a.elonw" funktioniert nicht mehr.

Grete
Mitglied
Beiträge: 22
Registriert: 11.04.2017 19:59
Kontaktdaten:

Re: URL-Link mit Icon

Beitragvon Grete » 27.10.2017 16:25

Hallo zusammen,
donsenilo hat geschrieben:Das mit dem "a.elonw" funktioniert nicht mehr.

gibt es da schon eine Lösung? Ich möchte gerne Font Awesome als Icon einsetzen, kann mir dabei jemand helfen?
Gruß Mario

Geduld, Geduld ...
... auch Wolkenkratzer haben mal als Keller angefangen!

Lehrling
Supporter
Supporter
Beiträge: 2891
Registriert: 15.01.2012 20:00
Kontaktdaten:

Re: URL-Link mit Icon

Beitragvon Lehrling » 27.10.2017 20:07

Zu den Font Awesome Icons:
Öffne das url_link.css ext/waldkatze/url_link/styles/prosilver/theme/url_link.css und ersetze

Code: Alles auswählen

.postlink {
    padding-bottom: 0;
    background: rgba(0, 0, 0, 0) url("./images/link_1.png") no-repeat scroll 0 0;
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding: 1px 0 0 12px;
    }


mit

Code: Alles auswählen

.postlink {
        padding-top: 10px;
      }
   
.postlink:before {   
       font-family: FontAwesome;
       content: "\f0a4";
       padding-right: 5px;
    }


An der Stelle content: "\f0a4"; muss der Unicode für das Icon rein. f0a4 steht für einen Zeigefinger, der nach rechts zeigt.
Danach den Cache leeren.

Grete
Mitglied
Beiträge: 22
Registriert: 11.04.2017 19:59
Kontaktdaten:

Re: URL-Link mit Icon

Beitragvon Grete » 27.10.2017 21:11

Hallo Lehrling,
funktioniert super ... danke für deine Hilfe.
Gruß Mario

Geduld, Geduld ...
... auch Wolkenkratzer haben mal als Keller angefangen!


Zurück zu „Extensions in Entwicklung“