Datumsanzeige ändern

[Lora]

Hey Oliver :)
Ich bin auch mal wieder hier. Gerade wo man mich vergisst, komm' ich wieder ;) Ich wollte dich fragen, wie ich denn den Hintergrund von diesem runden kreis vom Datumsheader ändern kann? Hier ist mein Testblog: www.loraliebt.blogspot.de  Wäre total lieb wenn du dir das mal anschauen würdest :)
LG und schönen Abend noch
Lora

[oliver]

Hi Lora,

ich habe mich tatsächlich gefragt, was aus dir wohl geworden ist :) ... der Hintergrund ist simpel. Versuche es doch mit dieser CSS:

.date-header {

background-color: red !important

}

^^

[Lora]

Hab dir sogar ein paar Mails geschrieben, aber ich glaub' die sind wohl iwie in den Spam Ordner gekommen ;O Also wie erkläre ich das, ich möchte nicht die Hintergrundfarbe ändern, sondern diesen runden Kreis mit einem eigendesigneten Schild mache, weißt du wie ich das meine?
Also kein Kreis sondern z.B ein Herzchen oder so ;)

LG Lora

[oliver]

Sorry, Mails sind keine bei mir angekommen, War das über Mail-Adresse oder über Kontakt-Fomular? Irgendwie ist bei diesem Anti-SPAM-Zeug von Google gerade der Wurm drin. Wenn ich mich nicht innerhalb eines Tages, kannst du eigentlich immer davon ausgehen, dass irgendetwas schief gelaufen ist und du kannst es noch mal versuchen.

Hmhm ... also statt Kreis willst du ein Herz für die Datumsanzeige?

[Lora]

Ich meinte das hier Tue dir das designete schonmal mit rein :D
Schau dir das mal an. Also das wollte ich als Hintergrund :)

LG Lora

[Lora]

Achso und wegen den E-Mails dachte ich mir das schon. Deshalb hab ich iwann nochmal eine geschrieben und heute beschlossen, dass ich mal wieder hier rein schreibe, hehe :D

[oliver]

Wo genau soll der Pfeil hin? Hast du mir einen Link auf den Pfeil in Picasa?

[Lora]

Da wo der Kreis jetzt ist :)
Hier ist die Grafikadresse: https://lh6.googleusercontent.com/-bAxfQsIPWEI/UdnSBUrHVqI/AAAAAAAAD8g/CAFOY_RL2r8/s720/Schild.png

[oliver]

Das ist ein schwieriges Problem ... du kannst zwar den Hintergrund des Datums mit dieser Grafik bilden:

span.date-header{

background: url('https://lh6.googleusercontent.com/-bAxfQsIPWEI/UdnSBUrHVqI/AAAAAAAAD8g/CAFOY_RL2r8/s110/Schild.png') !important;

}

Aber richtig gut sieht das nicht. Du müsstest im Grunde den gesamten Datums-Header neu schreiben.

[Lora]

Okay, dann versuche ich das. Ehm... wie gehe ich denn da vor :D ?

[oliver]

Das ist die CSS für daas Datum:

span.date-header{

color: #aaa; /*Schriftfarbe, falls nicht anders definiert*/

margin-left:-80px; /*Abstand von Links*/

margin-top: 19px; /*Abstand von Oben*/

width: 63px; /*Breite des Elements*/

height:63px; /*Höhe*/

padding:15px; /*Padding, vergrösserender Rand im Element*/

word-wrap:break-word; /*Wortumbruch, also Zeilenumbruch, wenn die Zeichen zu lang sind*/

float:left; /*linksbündig*/

-webkit-border-radius: 50px; /*Abrundung zum Kreis in Webkit Browsern*/

-moz-border-radius: 50px;  /*Abrundung zum Kreis in Firefox*/

-o-border-radius: 50px; /*Abrundung zum Kreis*/

border-radius: 50px; /*Abrundung zum Kreis*/

font-family: 'Elsie Swash Caps'; /*Schriftart*/

text-align: center; /*Text zentriert*/

background-color: rgba(48, 12, 94, .8); /*Hintergrundfarbe*/

font-size: 17px; /*Schriftfarbe wenn nicht anders definiert*/

-webkit-box-shadow:  -1px 0px 2px 1px rgba(0, 0, 0, 0.7); /*Schatten in Webkit Browsern*/

box-shadow:  -1px 0px 2px 1px rgba(0, 0, 0, 0.7);/*Schatten in allen anderen Browsern*/

border: solid 4px white ; /*weisser Rand*/

}

#date{

display:block; /*Blockanzeige*/

line-height:1.3em; /*Zeilenabstand 1.3em*/

text-align:center; /*Zentrierter Text*/

}.topbar * {

margin: 0;

padding 0;

}

Myri hat das ja gut kommentiert ... du nimmst die einzelnen Befehle auseinander, versuchst zu verstehen, was sie machen, veränderst sie Schritt für Schritt ... solche Sachen halt.