Schritt 1 - öffnet HTML bearbeiten unter Layout/Design auf eurem Blogdashboard
Schritt 2 - Sucht nach h2
bei der Vorlagendesigner-Vorlage
bei den alten Vorlagen
Dort setzt ihr den Code ein. Auf dem Bildern ist er schon eingesetzt und markiert.
Eingefügt wird immer:
border-bottom: Was danach kommt, ist euch überlassen.
Für die dicke des Striches kommt danach: 1px
Dann müsst ihr noch sagen, ob ihr es als ganze Linie, gestrichelt oder gepunktet haben wollt: solid, dashed oder dotted
Und dem ganzen könnt ihr eine Farbe geben, aber das ist nicht notwendig. Wenn ihr das weglässt, dann nimmt der Strich die Farbe des Titels an. Die Farben müsst ihr in Hex-Code angeben. Die könnt ihr hier generieren. Für schwarz gebt ihr ein: #000
Und wenn ihr mit dem Code fertig seid, fügt das hier immer ein, sonst klappt es nicht: ; (Ein Strichpunkt)
So, und hiermit habt ihr die ersten Schritte zum CSS bearbeiten gemacht! Glückwunsch!
Mist irgendetwas klappt nicht. Bei dem Untestreichen des posttitels hatte ich keine Probleme, hierbei leider schon :(
AntwortenLöschenMensch, immer diese Buchstabendreher. Wenn man xp statt px schreibt dann ist das kein Wunder, wenn es nicht klappt - ich spiele zu viele Browserspiele bei denen man xp sammeln muss *lach*
AntwortenLöschenDieser Kommentar wurde vom Autor entfernt.
AntwortenLöschenBei,mir Klappt das Irgendwie nicht?._.
AntwortenLöschenMh, das werde ich vielleicht auch mal probieren, falls ich irgendwann mal wieder Sidebartitel hab :D
AntwortenLöschenMara's
Schaut mal rein ;)
und datum unterstreichen?
AntwortenLöschenist das nicht das?
LöschenGab's das nicht schonmal? :D
AntwortenLöschenich hab das die ganze zeit schon gemacht.
Super-super-super
AntwortenLöschenIch danke euch für so viele tolle Tutorials.
ähm. das klappt nicht?!;)
AntwortenLöschenich hab da garkein border-buttom?! :o
AntwortenLöschenGeht es auch, dass man nur den Titel der Sidebar unterstreicht?
AntwortenLöschenxx
würde ich auch gerne wissen !! :-C
LöschenIch auch :)
LöschenBei mir ist die Unterstreichung, wo das Datum steht dann unterbrochen! Weißt du woran das liegen kann oder wie ich es wegmachen kann?
AntwortenLöschenLg, Frieda
rubia-baja.blogspot.com
Du musst einfach die Hintergrundfarbe vom Datums-Header im Vorlagendesigner auf Transparent stellen, hatte das gleiche Problem. :)
LöschenFolge dir jetzt auch. ♥
http://marie-wannabe-bird.blogspot.com
Hey,
AntwortenLöschendas ist jetzt komisch, ich hatte es genauso gemacht wie du es erklärt hast und hab dann auf "Vorschau" geklickt, da sah es dann genauso aus, wie es aussehen sollte, wie ich es haben wollte. Aber als ich dann auf "Vorlage speichern" geklickt hab, kam das:
http://peachyysunshine.blogspot.de/
Die Schrift ist jez rießig, und auch die Schriftart ist eine andere als vorher -.-
Ich hab dann versucht im Blogger-Vorlagendesinger die Schriftart zu ändern und kleiner zu machen, und auch gespeichert und alles, aber es bleibt irgendwie gleich :-/
Hast du eine Ahnung wo da das Problem ist?
Lg, Berna;**
Hier hab ich das eingefügt:
/* Headings
----------------------------------------------- */
h2 {
margin: 0 0 1em 0;
border-bottom: 1px dashed #9B7C5E;
font: $(widget.title.font);
color: $(widget.title.text.color);
text-transform: uppercase;
}
Achja, beim Post-Footer hat das ganze allerdings geklappt^^
LöschenBin jetzt nur noch mehr verwirrt :D
bei mir wird das datum nur viel größer :( :s
AntwortenLöschenHey (:
AntwortenLöschenIch bin neu hier und versuche gerade die Kommentarfunktion in meine HTML zu bekommen, aber irgendwie klappt das gar nicht, und ich hab auch überhaupt keine Ahnung wie ich das rein bekommen soll... Es wäre wirklich wirklich toll wenn du mir helfen könntest, ich schaffs nähmlich einfach nicht :/
Liebe Grüsse ♥ -> http://federnimwind.blogspot.com/
Wisst ihr auch wie ich NUR die Buchstaben vom Posttitel unterschtrreichen kann?
AntwortenLöschendas würd ich auch gerne wissen :)
LöschenBei mir klappt das überhaupt nicht. Er sagt mir, das sei eine ungültige Eingabe und mein HTML sieht auch generell irgendwie ganz anders aus :x
AntwortenLöschenLG July
Also bei mir wird nur das Datum unterstrichen, jedoch will ich aber, dass es komplett (also die Länge des Blogposts) unterstrichen wird.. Wie geht das?
AntwortenLöschenhttp://bouquet-defleurs.blogspot.com/
HILFE das klappt ÜBERHAUPT nicht -.-'
AntwortenLöschenNEED HELP !!
AntwortenLöschenMein Blog war ursprünglich anders aufgebaut aber es hat mir nicht mehr gefallen also hab ich einiges geändert.. Unter meinem Titel hatte ich immer Strichle, was mir immernoch gut gefällt nur sind da n' paar zu viel und ich bekomm sie einfach nicht mehr weg >.<
Ich will auch nicht extra n' neuen Blog eröffnen...
Screenshot von den Bistern; http://img4.fotos-hochladen.net/uploads/unbenanntis8x3weov7.jpg
Würd mich riesig über ne Lösung freuen :]
Hat sich erledigt ^^
Löschenhat geklappt! so langsam komme ich meinem "Traum-Design" tatsächlich näher ;)
AntwortenLöschenKann man auch nur den Sidebartitel unterstreichen?
AntwortenLöschenHallo Zusammen!
AntwortenLöschenIch finde eure Seite super! Ich konnte mir schon oft Hilfe holen, danke vielmals dafür! Betreffend diesem Artikel, wollte ich gerne wissen, ob es die Möglichkeit gibt, auch nur die Sidebartitel zu unterstreichen?
Grüsse
Trollkjerring
Hmm..ich finde nichts in von h2 im HTML weiß nicht wo ich noch suchen soll vor allem weil bei mir alles Bunt und anders aussieht...hilfeee
AntwortenLöschenBei mir auch :( Was tun? Hast du ein MacBook?
LöschenDieser Kommentar wurde vom Autor entfernt.
AntwortenLöschenHallo, ich habe das "kleine" Problem, dass es dies bei mir leider nicht findet….. was soll ich tun?
AntwortenLöschenLiebste Grüsse, Dominique Isabelle
Bei mir funktioniert es auch nicht!
AntwortenLöschenAn alle, die nur den Sidebartitel unterstreichen wollen: Ich habs hingekriegt!
AntwortenLöschenSucht wie im Tutorial beschrieben nach h2 { und fügt dort den Code für eure Linie ein, zB border-bottom: 1px solid #000; . Jetzt sucht ihr in eurem Editor nach /* Posts und fügt darunter das hier ein:
.date-header {
border-bottom: none;
}
Sodass es (etwa) ausschaut wie hier im Bild: http://oi58.tinypic.com/n53jmt.jpg
Et voila, das sollte es gewesen sein. Funktioniert nicht bei Minima und Dynamische Ansichten!
Falls jemand dringende Fragen dazu hat hab ich ja vielleicht ne Antwort drauf :)
sandrapusteblume@gmail.com
Sandy, mein Retter in der Not :D
Löschen