Heute zeige ich euch, wie man unter dem Post-Footer eine Abtrennlinie zaubert.
1. Geht auf "Layout" auf eurem Dashboard. Öffnet "HTML bearbeiten". Sucht mit Strg+F nach ".post-footer"
Ihr findet diesen Punkt nicht? Dann schaut nach Footer und sucht etwas, das so ähnlich heißt und ähnliche Unterpunkte hat wie das, was wir hier haben.
2. Fügt "border-bottom:" ein.
Das, dass danach steht, bestimmt, wie dieser Strich aussieht.
Unser Beispiel:
border-bottom: 1px solid #222222;
1px = Dicke des Striches
solid = Strich ist durchgezogen
#222222 = Farbe des Striches
solid könnt ihr je nach Belieben austauschen, hier ist eine Liste aller möglichen Namen:
dotted = gepunktet
dashed = gestrichelt
solid = durchgezogen
Die Farbe könnt ihr hier bestimmen und eingeben:
3. Speichert ab. Schon habt ihr eine Abtrennung zwischen den Posts!
Danke für das Tutorial :)
AntwortenLöschenWurde direkt auf meinem Blog umgesetzt :)
hey ich habe mal eine frage, wie stellt man mehere seiten auf sein Blog da. wie z.b bei euch: Home, Tutorials, Bildbearbeitung usw.
AntwortenLöschenHabt ihr schon ein Tutorial darüber gepostet?
ja wär auch eine riiiesen bitte von mir ;)
LöschenSchaut mal hier
Löschenhttp://www.copypastelove.org/2011/07/wie-erstelle-ich-ein-menu-teil-1.html
und hier
http://www.copypastelove.org/2011/07/wie-erstelle-ich-ein-menu-teil-2.html
:)
das wollte ich schon ewig wissen! danke :)
AntwortenLöschenDein Blog hilft mir echt immer ;)
AntwortenLöschentolles tut! habt ihr schon so ein tutorial gemacht wo man den postbereich und die sidebar trennt ? oder die sidebar in so einzälnde kästchen ? wär echt nützlich :S
AntwortenLöschenJa, so ein Tutorial hätte ich auch voll gerne :o :)
LöschenDieser Kommentar wurde vom Autor entfernt.
AntwortenLöschenDieser Kommentar wurde vom Autor entfernt.
AntwortenLöschendanke ;) Dieses tut hat mir wirklich sehr geholfen ♥
AntwortenLöschenhab ich überhaupt nicht verstanden.
AntwortenLöschenDANKE! endlich!
AntwortenLöschenhttp://karie-xo.blogspot.com/
Danke für deine supertollen Tutorials, diese haben mir schon oft geholfen.
AntwortenLöschenGibt es denn ein Tutorial, wie ich die einzelnen Posts farbig voneinander trennen kann?? Bzw. Wie kann man es machen, dass der Hintergrund zwischen den Post ein Stück zum Vorschein kommt, wenn das Posteingang bspw. Braun und der Hintergrund weiß ist?? (damit die Posteingang optisch voneinander getrennt sind)
Über Hilfe würde ich mich sehr freuen!!
super gut. aber wie kann man diese Linie denn oben machen wie bei euch unter dem Datum?..
AntwortenLöschenwill eben nix versauen bei meinem design xp
wäre lieb, wenn ihr oder du mir die antwort auf meinen Blog posten könntest?:*
das würde mich auch riesig interessieren! <3
Löschenhttp://becca-an.blogspot.com
Ja, darauf hätte ich auch gerne eine Antwort, habe das Tutorial dazu noch nicht gefunden.. :)
LöschenDieser Kommentar wurde vom Autor entfernt.
LöschenUrsprünglich war das ja auch meine Frage, doch dann fand ich diesen Post von euch! http://www.copypastelove.org/2011/05/posttitel-unterstreichen.html
LöschenKönntest du vielleicht auch noch erklären, wie man diesen Kommentar Kasten von Blogger entfernt und durch ein schlichtes "Kommentare" ersetzt ?! Das fände ich wirklich unglaublich hilfreich! Liebe Grüße Marie
AntwortenLöschenhttp://www.phuetmarie.blogspot.com/
funktioniert nicht :(( was ha b ich falsch gemacht?
AntwortenLöschensom-mer-re-gen.blogspot
Bei mir funktioniert es nicht. Was hab ich falsch gemacht?
AntwortenLöschenhttp://my-urban-fashion.blogspot.com/
danke :)
AntwortenLöschenNach ein bisschen Probieren und nach dem Suchen des richtigen "Post-Footers" hats wunderbar funktioniert. Danke :)
AntwortenLöschensuper toller blog, echt toll erklärt. ein ganz großes lob an euch!
AntwortenLöschenhab den post-footer auch sofort umgesetzt, das ergebnis seht ihr auf meinem blog:
http://call-the-world.blogspot.de
danke danke danke!
ganz liebe grüße, Kim ♥
Ich finde kein post-footer weder änlich geschriebenes bei meinem Blog wurde keine Übereinstimmung gefunden was nun?
AntwortenLöschenBei mir auch. total dämlich...
Löschenbei mir auch, bei mir ist zwar ein postfooter vorhanden doch nichts weiteres mehr! ich habe schon oft bemerkt das meine html oft mit dem von copypastlove nicht übereinstimmt! ;(
Löschendanke, danke, danke!
AntwortenLöschenihr habt mir so sehr geholfen! (:
liebste grüße, celine ♥
eeecht super, danke
AntwortenLöschenOh DANKE :) Habe ich total lange gesucht!
AntwortenLöschenwww.amorandpsyche1.blogspot.com
hmm der strich ist aber zu lang bei mir...
AntwortenLöschenfunktioniert bei mir nicht :(
AntwortenLöschenFunktioniert alles :)
AntwortenLöschenAber wie bekomm ich denn diesen ganzen Mist aus dem Footer, sodass da am Ende nur noch Kommentare steht?
Ohne diese Button und so?
Liebe Grüße
fand ich sehr gut :)
AntwortenLöschenaber du hast anstatt 'vorlage' 'layout' geschrieben, da musste ich erstmal suchen :D
DAAAAAAAAAAAAAAAAAAAAAANKE!!! Ich hab so ca 2000 Foren durchforstet um herauszufinden, wie man eine Trennlinie setzt ... Bin leider ein Schwammerl in html - aber mit der Step-by-Step-Erklärung hab's sogar ich geschafft :-)
AntwortenLöschenLiebstens Veronika
kannst du mir bitte mal erklären, wie ich den post footer finde ? Danke :)
AntwortenLöschenfunktioniert nicht :(
AntwortenLöschensuper tutorial, hat mir echt geholfen:)
AntwortenLöschenkann man irgendwie auch die länge des strichs einstellen?
AntwortenLöschenja das würde mich auch echt wahnsinnig interessieren! :D
LöschenAlso erstmal:Richtig toller Blog,der mir schon seehr weitergeholfen hat!:)
AntwortenLöschenUnd jetzt habe ich noch eine Frage:Wie kann man den abstand zwischen dem Post und dem footer machen(also zwischen dem post(ende)und der Kommentaranzeige)?:-)
Hat sich erledigt:)
LöschenBei mir klappt das nicht :/
AntwortenLöschenwo füge ich denn "border(...)" bei mir hier ein? :(
.post-footer {
margin: 20px -2px 0;
padding: 5px 10px;
color: $(post.footer.text.color);
background-color: $(post.footer.background.color);
border-bottom: 1px solid $(post.footer.border.color);
line-height: 1.6;
font-size: 90%;
}
LG <3
Kann mir jemand sagen, wie ich die Schriftart für den Footer ändern kann? Also das z.B. das Wort Kommentare in einer anderen Schriftart angezeigt wird, als die Standardschrift. Hab schon überall gesucht, aber nichts gefunden.
AntwortenLöschenDanke für eure Hilfe!
LG Sunny von Stylesphere
Super Blog und vielen vielen Dank! :)
AntwortenLöschenbei mir klappt es leider nicht:
AntwortenLöschen}
.border-bottom {
margin: 20px -2px 0;
padding: 5px 10px;
color: $(post.footer.text.color);
background-color: $(post.footer.background.color);
border-bottom: 1px solid $(post.footer.border.color);
line-height: 1.6;
font-size: 90%;
}
Wie macht man eine Linie zwischen Postbereich und Gadgetbereich? Ich kriege es einfach nicht hin ://
AntwortenLöschenhttp://imsocutelol.blogspot.de/
danke für diesen tollen Beitrag. Ich hätte gerne noch eine zusätzliche Linie hinter dem Labels und Freigabeschaltflächen. Könntest du mir eventuell helfen? Vielen vielen Dank! :)
AntwortenLöschenDieser Kommentar wurde vom Autor entfernt.
AntwortenLöschenDieser Kommentar wurde vom Autor entfernt.
AntwortenLöschenZu der Frage, wie man den Strich darüber kriegt: mit border-top:...;
LöschenGern geschehen.
wie kann ich es einstellen, dass der strich nur 640px lang ist ?
AntwortenLöschenDanke :)
Bei Schritt zwei gibst du dann noch dazu ein:
Löschenwidth:640px;
:)
ihr lieben - tolle und super hilfreiche posts habt ihr!
AntwortenLöschenherzlichen dank dafür!
allerdings bleibt eine frage:
wenn ich auf einen kommentar beantworte / bzw. jemand anders auf einen kommentar auf meinem blog antwortet, wird automatisch eine dicke schwarze linie zwischen den kommentaren gezogen:
http://almamyonlinemagazine.blogspot.de/2013/10/l-i-e-b-s-t-e-s-d-e-r-w-o-c-h-e-5-0.html
wisst ihr vielleicht, wie man das beseitigen kann?
(mein blog basiert auf dem simple template)
herzlichen d a n k !
alma
Ich würde gerne wissen, wie man das bei den Kommentaren so einstellt das es so aussieht wie bei euch.So ordentlich und umrandet =)
AntwortenLöschenich muss jetzt auch mal was sagen! Ich finde deine Tutorials spitzen Klasse, du bist meine beste Hilfe! Lg Rosalie
AntwortenLöschenIch finde schritt 1 nicht mal. :/ kann mir da bitte jemand helfen? es gibt bei mir mehrere suchereignisse, aber keines sieht so aus, wie der screenshot bzw der von ihr vorgegebene html code. bisher hatte ich bei noch keinem tutorial große probleme, aber bei dem verzweifel ich gerade.
AntwortenLöschenkann man auch zwei striche untereinander machen? habs mal versucht einfach doppelt aber hat leider nicht geklappt :D
AntwortenLöschenwww.pseud-o-nym.blogspot.de
Kann man anstelle des Strichs auch eine Grafik einfügen? Bin da gerade am rumprobieren, aber es wird irgendwie nichts... :-/
AntwortenLöschenDanke :-)
LöschenIhr seid eine so tolle Seite, wirklich. Ihr habt mich schon so oft weitergebracht, wenn ich mal wieder total am verzweifeln war und mir nicht zu helfen wusste. Eure Anleitungen sind total verständlich und sogar für ganz Doofe - wie mich :p - gut nachzuvollziehen. Macht weiter so, ihr Lieben.
AntwortenLöschenHerzallerliebst,
Steffi von lifeisapresent.de