WordPress: Formatierungen eigener Hyperlinks

FORMATIERUNGEN EIGENER HYPERLINK (SEPARATE CSS-KLASSE)

Theme:
Twenty Seventeen (getestete Version 1.7/2.0)

WordPress:
4.9.8/ 5.0.3

Datei:
%pfad%\wp-content\themes\twentyseventeen\style.css

Das sind allgemeine CSS-Einstellungen, die auch außerhalb von WordPress funktionieren würden.

Für eine andere Hintergrundfarbe waren die Defaultfarben der Hyperlinks ungeeignet, da diese schwarz sind und mein Hintergrund ein dunkelerer Blautton war.

Für z.B. einen Weißton, muss man die CSS-Datei um die folgenden CSS-Klassen erweitert:
a.MEIN_LINK:link {
color: #ffffff;	
box-shadow: inset 0 -1px 0 rgb(255, 255, 255);	
}
/*wenn man auf dieser Seite vorher war*/
a.MEIN_LINK:visited {
color: #ffffff;		
}
a.MEIN_LINK:active {
color: #ffffff;	
}
/*wenn Mauszeiger auf den Link*/
a.MEIN_LINK:hover {
color: #ffffff;	
-webkit-box-shadow: inset 0 0 0 rgba(255, 255, 255, 0), 0 3px 0 rgba(255, 255, 255, 1);
box-shadow: inset 255 255 255 rgba(255, 255, 255, 0), 0 3px 0 rgba(255, 255, 255, 1);	
}

*  „hover“ ist der Zusand, wenn der Mauszeiger auf den Hyperlink ist

CSS-Klasse dem Hyperlink mitgeben:

Zum<a class="MEIN_LINK" href="http://widbasaWEB.php">hier</a>

einen Kommentar senden...

Die E-Mail-Adresse wird nicht veröffentlicht.