Dieses Tutorial ist ein Gast Beitrag von Steffi. Danke dafür. :)
Es geht darum, wie bei Balkenbild unter dem Widgettitel einen Text mit Farbe zu hinterlegen, hier ist die Vorgehensweise anders, zumal Steffi noch einige nette Dinge hinzugefügt hat.
Schritt 1
Öffnet Design --> HTML bearbeiten und sucht nach h3.
Schritt 2
Kopiert folgendes zwischen den {} ein:
background-color: #000000;
color: #ffffff;
display: inline;
Sodass es so aussieht:
Im Prinzip seid ihr dann fertig. Dann sieht es so aus:
Balken in ganzer Zeile
Wenn ihr einen ganzen Balken haben wollt, so wie hier:
Dann ändert ihr unter display von inline auf block ab.
Balkenhöhe
Dafür fügt ihr einfach ein neue Zeile hinzu:
line-height: 10px;
Die Pixelzahl definiert die Höhe des Balkens. So sieht es dann aus:
Bei Color könnt ihr natürlich mit der Farbe spielen. Hier könnt ihr die Codes für bestimmte Farben aussuchen und hineinkopieren. :)
Danke für den Tip! Hab ich sofort umgesetzt!
AntwortenLöschenIch liebe diesen Blog!
Danke, danke, danke genau sowas habe ich schon seit langem gesucht!!!
AntwortenLöschenVielen Dank für den Tip, habs auch gleich angewendet :)
AntwortenLöschenSuper von euch das ihr uns gezeigt hat.
AntwortenLöschenNur wie kann ich die Farbe ändern. Bei mir ist es grad blau auf schwarz, aber ich hätte gern weiß auf schwarz
Ja, das gleiche Problem wie Tatwiels habe ich auch. Wäre nett, wenn ihr das vielleicht auch erklären könntet. Kenne mich mit HTML nicht doll aus. (^_^)
AntwortenLöschenHiiilfe ich hab ein Problem ich hab mir halb mit Photoscape halb mit Picasa einen Header gebastelt. Ich hab am Anfang bei Picasa diesese 1100x250 eingegeben. Also wie groß der Header sein soll. Nur irgendwie hab ich soviel rumgebastelt und hin und her abgespeichert, ich weiß nicht mehr genau wann genau es passiert ist, aber auf einmal ist der Header 5120x1210 groß. Ist da irgendwo eine möglichkeit, dass ich das ganze kleiner mache? o.O Ich hab nicht wirklich viel Ahnung von diesen Programmen, aber ich wär wirklich froh, wenn ihr mir irgendwie tipps geben könntet :)
AntwortenLöschen♥
So cool your blog! Love it!
AntwortenLöschenFollow me? I'll be very happy if you do it!
THank you so much!
www.cipollainspiration.blogspot.com
manno, bei mir geht das nicht, nur bei über mich und wunschliste :/
AntwortenLöschenwirklich toll :D
AntwortenLöschenkann man den Post-Titel auch nur Unterstreichen?
AntwortenLöschenklappt nicht :(
AntwortenLöschenkann ich das auch beim datum machen?
AntwortenLöschenda sind 5mal h3 und nie das gleiche und wenn ich das einfüge dann ist allles nur noch weiß
AntwortenLöschenDanke für die vielen tipps, aber dieses hier klappt bei mir nicht, könnt ihr mir vielleicht sagen warum? :((
AntwortenLöschen♥
Hmm,danke schön, aber bei mir steht bei h3 was anderes, also nicht ganz so wie bei dir.
AntwortenLöschenVon daher bleibt alles weiß nach der Änderung, egal welchen Farbton ich auswähle.
echt gutes Tutorial!
AntwortenLöschenBei manchen Blogs sieht es so aus als wäre ein Bild dahinter mit einem bestimmten Muster könnt ihr evtl erklären wie man soetwas macht? ;)
ich kann von inline nicht auf block ändern. ich kann schon, aber der blog zeigt das dannn gar nicht mehr an
AntwortenLöschenbei mir gibt es diesen Abschnitt, nach dem man anfangs suchen soll nicht :(
AntwortenLöschenWas kann ich machen ?
wow vielen dank für die ganzen tipps.
AntwortenLöschenHi, dein Post ist ja schon älter, aber ich habe tatsächlich gefunden, was ich gesucht habe. Nur bekomme ich den Text (Posttitel) nicht weiß. Er ist als Linkfarbe bei mir grau angegeben. Und wenn ich die Farbe auf weiß stelle, kann man natürlich den Text in der Sidebar nicht mehr lesen, da er weiß auf weiß ist. Gibt es da noch einen Trick? LG Yna
AntwortenLöschendas macht sooooo viel Spaß eure Tutorials umzusetzen! Vielen Dank, ich liebe Euch :-x
AntwortenLöschenpipa
Das mit dem farbigen Balken klappt zwar, aber die Schriftfarbe lässt sich nicht ändern. Es ist immer die, die ich als Link-Farbe eingestellt habe. Aber ich will, dass die Schriftfarbe im Balken weiß ist - was natürlich nicht für alle Links geht, da mein Hintergrund einfach weiß ist.
AntwortenLöschenKann man das irgendwie ändern?
Habs sofort umgesetzt,allerdings kann man den Post-Titel nicht mehr Lesern und ich verstehe leider nicht wieso.
AntwortenLöschenKönnt ihr mir da helfen?
Tipp: Man kann es noch abrunden wenn man den Code:
AntwortenLöschen-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
unter background color setzt
Wie funktioniert das mit der neuen Bloggeroberfläche? ich finde garnichts mehr :(
AntwortenLöschenKann mir jemand auch sagen wie ich den Balken transparent bekomme?
AntwortenLöschen