CSS-Hilfe Header/Background

krautpress · Mitglied · Oktober 24, 2009 at 3:02 pm
Link kopieren

Thema zu Favoriten hinzufügen
Heyho :)
Ich wurde damit beauftragt, ein Design für einen Blog zu machen. Das Design an sich ist auch schon fertig, nur habe ich absolut keine Ahnung, wie ich das ganze coden soll… Wäre es MySpace, dann kein Problem, aber WordPress bereitet mir einige Probleme, mir fehlt der Ansatz. Deshalb mache ich es einfach so:

Ich möchte mein Design basierend auf „Black-LetterHead“ starten.
1. Die Breite des Blogs (in diesem Falle also das Schwarze) muss 740px betragen.
2. Es gibt keinen spezifischen „Header“ im eigentlichen Sinne – Das Bild, dass als Header dienen soll muss HINTER die Blogsposts (dessen Hintergrund entsprechend transparent), diese sollen 745px nach unten gerutscht sein und das Bild soll mitscrollen.
3. Als Hintergrundbild eine einfache JPG-Datei, zentriert.

That’s it. Ich hab nur leider keine Ahnung, wie ich das anstellen soll.
Wäre nett, wenn mir jemand den entsprechenden Code geben kann, daran herumfummeln kann ich dann selber noch.

MfG der Tobi

P.S.: Fast hätte ich es vergessen – Es wäre genial wenn ihr mir auch noch die Codes zum Formatieren einzelner Elemente wie Datum, Überschrift des Postings etc. geben könntet, damit ich die Farben anpassen kann.
Ich hoffe ich habe nicht zu viel verlangt…
Danke im voraus!
zodiac1978 · Mitglied · Oktober 24, 2009 at 11:52 pm
Link kopieren
Für das Verändern des Design benötigst Du das CSS-Upgrade:
http://en.support.wordpress.com/custom-css/

Hast Du das schon?

Falls nicht, probiere den CSS-Editor vorher unbedingt aus, ob Du die Design-Änderungen umsetzen kannst, die du machen möchtest.

Richte das Blog ein und probiere die Änderungen im CSS-Editor aus.
Die Links aus diesem Sticky-Post helfen Dir bestimmt:
https://de.forums.wordpress.com/topic/css-tipps?replies=1

zu 1: Sollte kein Problem sein (einfach die width anpassen). Die Frage ist, wie sich die neue Breite auf Content und Sidebar verteilt.

zu 2: Der Header ist der Teil mit dem Titel *über* den Beiträgen. Was Du mit „hinter die Blogposts“ meinst, verstehe ich nicht.

zu 3: Einfach dem body ein background-Bild geben und position auf center stellen:
http://de.selfhtml.org/css/eigenschaften/hintergrund.htm

Bei den „Codes“ handelt es sich um CSS-Befehle und die beziehen sich auf die in deinem Theme genutzten HTML-Tags bzw. IDs. Im empfehle dir dich wenigstens ein bisschen mit dem Thema CSS zu beschäftigen. Ein guter Startpunkt ist, wie schon geschrieben, dieser Sticky-Post:
https://de.forums.wordpress.com/topic/css-tipps?replies=1

Gruß, Torsten
krautpress · Mitglied · Oktober 25, 2009 at 5:56 pm
Link kopieren
Hm, Danke.
Jop, Das Upgrade ist schon da. Und meine Probleme haben sich auch gelöst, war doch nicht so schwer wie gedacht… habe mir einfach ein standardtemplate genommen und das dann meinen wünschen entsprechend angepasst.
Das Problem mit dem Header, dessen Bildinhalt hinter den Blogpostings weitergehen sollte habe ich jetzt als einfaches image gelöst, dass im body unter den Postings sitzt… in der Main Page Index und allen anderen entsprechen ’nen neuen div gemacht. So weit von MySpace entfernt ist es doch nicht, ich brauchte nur die Namen der einzelnen Elemente.
Trotzdem danke für die Mühe!