LINK (EXTERN)-Symbol for LINK-ADRESSE

  • Hallo, :) Da hatte ich doch glatt vor, vor die Linkadresse

    das/ein Symbol zu setzen, was den externen Link anzeigt.
    Ich habe da auch was in ZETA SUPPORT gefunden, allerdings ergibt das bei mir
    ein Heidendurcheinander, von der Anordnung des Link-Symbols her.
    Teilweise doppelt angeordnet, oder wenn der Linktext inmitten des

    Textes ist, wird kein Abstand eingehalten.
    Zum Beispiel hier, bei den externen Links
    https://www.fotow.de/datenschutzerklaerung.html
    Oder hier: https://www.fotow.de/fotow-emden-li…load-tipps.html

    Und bei den Bildern, die verlinkt sind, wird das Zeichen auch daneben gesetzt.
    Auch nicht so schick ;)


    Das hatte ich im Forum gefunden:


    <style>

    /* Linksymbol */

    a[href ^='https://'], a[href ^='http://'] {

    position: relative;

    }

    a[href ^='https://']:before, a[href ^='http://']:before {

    position: absolute;

    font-family: 'FontAwesome';

    bottom: -2px;

    right: -20px;

    content: "\f08e";

    }

    Beste Grüße
    Axel

    • Hilfreichste Antwort

    Hier eine vereinfachte Form (so wird es hier im forum gemacht). Ihr angepasstes CSS (siehe oben) komplett entfernen und dieses versuchen:

    CSS
    <style>
    a[href ^='https://']:after, a[href ^='http://']:after {
        font-family: 'FontAwesome';
        content: " \f08e";
        vertical-align: -1px;
    }
    </style>

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!