Blog-Domain in CSS schreiben

pixelguy

Hi,

ich würde gerne für eine Hervorhebung von externen Links, die aktuelle Blog-Domain in mein CSS schreiben. Da es in WP nicht reicht einfach alle Links die mit http:// beginnen als extern zu bezeichnen, brauche ich auch noch Style für alle Links die mit der aktuellen Domain beginnen...

So sieht es momentan aus:

HTML

#main a[href^="http:"], #col1 a[href^="https:"]
{
    padding-left: 12px;
    background-image: url('images/icons/ext_link.gif');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
}


#main a[href^="http://domain.de"],
#main a[href^="http://www.domain.de"] {
background: transparent;
padding-left: 0px;
}

Alles anzeigen

Wie kann ich denn jetzt die festgeschriebene Domian dynamisieren?

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

baex

Darf ich mal blöde fragen, was Du bitte unter dynamisieren verstehst? :-D

Mach dir doch da keinen Stress! Es gibt wunderhübsche Plugins, die externen Links (und auf Wunsch auch solchen zur Wikipedia, zur IMDB usw...) spezielle Klassen zuweisen. Dann musst Du im CSS nur Klassen stylen.

pixelguy

Ich will einfach ein paar Funktionen direkt im Template haben, da ich dieses später als Download anbieten will. Ohne Plugins... :)

Folgendermaßen habe ich es mittlerweile gelöst:

PHP

<?
$urlwww = $_SERVER['HTTP_HOST']; 
$urlnowww = str_replace("www.", "", "$urlwww");
?> 
<style type="text/css">
#main a[href^="http:"], #main a[href^="https:"], #main a[href^="ftp:"], #main a[href^="mailto:"]
{
    padding-left: 12px;
    background-repeat: no-repeat;
    background-position: 0 0.45em;
}


#main a[href^="http:"], #main a[href^="https:"] {background-image: url('<?php bloginfo('template_directory'); ?>/images/icons/ext_link.gif');}
#main a[href^="ftp:"] {    background-image: url('<?php bloginfo('template_directory'); ?>/images/icons/dir.gif');}
#main a[href^="mailto:"]{background-image: url('<?php bloginfo('template_directory'); ?>/images/icons/file.gif');}


#main a.imagelink, 
#main a[href^="http://<?php echo $urlnowww; ?>"],
#main a[href^="http://www.<?php echo $urlnowww; ?>"] {
    background: transparent;
    padding-left: 0px;
}
</style>

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Blog-Domain in CSS schreiben

Jetzt mitmachen!