Anfangsbuchstabe des Posttitels individuell gestalten ♥♥

Hallo liebe Leser von CPL. Ich bin Saskia von Saskias-Simplicity und heute werde ich hier mein erstes Tutorial veröffentlichen.

Ich möchte euch zeigen, wie ihr den Anfangsbuchstaben eures Posttitels individuell gestalten könnt.

So könnte das Ganze dann zum Schluss aussehen:

Schritt 1:

Ihr öffnet euren Blog und geht auf „Vorlage“. Dort klickt ihr nun auf „HTML bearbeiten“. Danach müsste sich ein Feld öffnen mit allen Informationen über euer Blogdesign. Wenn ihr die Tastenkombination „Strg“ und „F“ drückt, öffnet sich meistens oben rechts auf eurem Bildschirm ein Suchfeld. Dort gebt ihr jetzt h3.post-title, .comments h4 { ein. Diese Stelle müsste euch jetzt angezeigt werden. Wenn diese Stelle bei euch nicht gefunden wird dann sucht nach .post h3 { .

Schritt 2:

Nach dem } von h3….. fügt ihr nun ein:

h3.post-title:first-letter { in diesen Zwischenraum kommen gleich eure Befehle für den Anfangsbuchstaben }

Dieser Code gibt an, wie zum Schluss euer Anfangsbuchstabe aussehen soll.

Schritt 3:

Jetzt könnt ihr euren Code individuell anpassen.

Ich hab mal ein paar Ideen rausgesucht:

• Schrift ändern: font-family:'Trebuchet'; Wenn ihr eine andere benutzen wollt als die, die euch Blogger zu Verfügung stellt, dann schaut euch dieses Tutorial bis zu Schritt 2 an, danach könnt ihr den Schriftnamen hier einfügen.
• Schriftgröße: font-size:20px; - Die Zahl könnt ihr beliebig verändern, alternativ funktioniert auch eine Prozentzahl.
• Dekoration: text-decoration:underline; - statt underline funktionieren auch: overline & line-through
• Großbuchstabe: text-transform:uppercase;
• Schriftfarbe: color:#000000; - Farbe hier auswählen:  http://www.colorpicker.com/
• Hintergrundfarbe: background:#eeeeee; -Farbe könnteihr ebenfalls bei  http://www.colorpicker.com/ aussuchen

Euer Code könnte dann z.B. so aussehen:

Ich hoffe es hat geklappt 

Eure Saskia :)