Skizzieren Sie Ihre Titel mit CSS3
Seit dem Erscheinen von CSS3 haben sich viele Möglichkeiten eröffnet, die heute auf den meisten Websites im täglichen Einsatz sind.. Die neuen Browser trotz einiger Unterschiede, Sie orientieren sich zunehmend an den diesbezüglich standardisierten Normen und halten diese ein..
Hallo, nach langer Zeit und allerdings nicht aus Mangel an Lust oder Material, Vielmehr Zeit und Hände dafür, Wir überlassen Ihnen diesen kleinen Trick, der Ihre Webtitel viel attraktiver macht.
Die Verwendung einer Arial- oder Helvetica-Schriftart mag etwas unpassend erscheinen, aber vielleicht kann eine künstlerische Note eine viel eindrucksvollere Wirkung auf den Leser haben.. Dazu müssen Sie Ihrem Titel lediglich eine Klasse hinzufügen (h1….h6) zum Beispiel, um einen Überblick über die aktuellsten Titel in Ihren Titeln zu erhalten. In diesem Fall erscheint ein blauer Umriss (#057AC6 )
Zuerst werden wir in unserem Titel Folgendes tun (erinnere dich an h1, h2… h6):
<h1 Klasse="Konturtext">Das ist die Überschrift"</h1>
Und in der CSS-Datei (style.css für WordPress ) wir fügen Folgendes hinzu:
.Konturtext{
Textschatten:
2px 0 0 #057AC6,
-2px 0 0 #057AC6,
0 2px 0 #057AC6,
0 -2px 0 #057AC6,
1px 1px #057AC6,
-1px -1px 0 #057AC6,
1px -1px 0 #057AC6,
-1px 1px 0 #057AC6;
}
Das Vorher-Nachher-Ergebnis können Sie hier sehen:
Schnell, oder?? Wenn Sie dies auch mit dem kombinieren “Stifte” Klassiker und andere Attribute, Sie können wirklich spektakuläre Schlagzeilen erstellen, ohne Photoshop oder andere Programme verwenden zu müssen …. und mit dem Vorteil, dass es so ist 100% Freunde (SEO-freundlich)
Wie immer ist es eine Freude, noch ein weiteres Korn beisteuern zu können.…