Flagge vor/hinter einem Link anzeigen

naumannu

Hallo,

kann sein das meine Frage evtl. im Plugin-Forum besser aufgehoben ist, aber primär gehts ja eigentlich ums Design.

Auf meiner alten, handgestrickten Seite (noch zu erreichen unter http://naumannu.covers.de/) hatte ich vor den externen Links jeweils vor dem Link eine kleine Flagge eingebaut, die die Sprache der Zielseite darstellt.

Sowas hätte ich gern wieder. Gibts da was Fertiges für? Ideen?

LG Uwe

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

marX

Ich würde das über Attributselektoren realisieren. Dazu den Links das hreflang-Attribut mitgeben, was die Sprache der Zielseite angibt:
<a href="http://www.example.org/" hreflang="en">English Site</a>
und dann folgenden CSS-Code dazu:

Code

.entry p a[hreflang] {
padding-left:15px;
background-position:center left;
background-repeat:no-repeat;
}
.entry p a[hreflang="en"] {
background-image:url(img/flag-en.png);
}
.entry p a[hreflang="de"] {
background-image:url(img/flag-de.png);
}

Alles anzeigen

Den CSS-Code musst du evtl. noch an deine Bedürfnisse anpassen.

Mehr Infos:
SELFHTML: HTML/XHTML / Referenz /HTML-Attribut-Referenz
CSS 4 You - The Finest in Stylesheets: Workshop CSS: Teil 3 - Selektoren I

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Flagge vor/hinter einem Link anzeigen

Jetzt mitmachen!