Header, Logo bearbeiten

bartalomeus

Hallo liebe User,

ich versuche die ganze Zeit den Header von meinem Wordpress Template zu verändern. Doch das will nicht so ganz hinhauen. Treffe ich vll. das falsche verzeichnis?

Hat jemand einen Rat für mich? Ich danke schonmal im Voraus

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

maxe

/wp-content/themes/DEIN_THEME

litia.de

Also ich hätte da auch noch eine Frage :???:

Ich verstehe das alles nicht. Hier wird von Codes und Links gesprochen..... Mein neuer Blog ist der hier: http://litia.de/blog/

Ich möchte oben im Header neben dem Titel "litia.de – Der Infoblog" ein Bild einfügen. Also ich bräuchte jemanden der mich bitte mal an die Hand nimmt und mir das Schritt für Schritt erklärt...

Ich wäre da sehr dankbar drüber!!!

lg

maxe

soso, also an die Hand nehmen. Ein bisschen musst du aber selber machen ;-)

In der default.css deines Themes ist der #header formatiert. Dort fügst du nur noch ein background hinzu den du mit einer Grafik belegst:

Code

#header {
z-index:2;
background:transparent url(http://litia.de/blog/LINK_ZU_DEINEM_BILD.JPG) no-repeat scroll 650px 100px;
}

und dann schau dir background noch mal genauer an (auch oder gerade wg. der Positionierung): http://de.selfhtml.org/css/eigenschaften/hintergrund.htm

litia.de

Hey maxe,

mensch danke das Du Dir das antun willst ;-)

Ja... so fängt es an. Hab den Ordner default.css net... Hab in jeden Ordner und Unterordner geschaut - nix... Was mach ich denn nu? :confused:

LG

maxe

wirklich in jeden??
http://litia.de/blog/wp-conten…les/default.css

litia.de

:mrgreen: Oh man. Sry, dass habe ich dann übersehen. So, ich fummel hier gerade dran rum - Danke Dir!!!

Kann ich auch ein Bild mit der Größe 600 x 450 da rein bekommen?

LG & Danke für Deine Hilfe!

maxe

ja, warum auch nicht !?

litia.de

Mhh,
also so hab ich das nu gemacht:

/* =Header
-------------------------------------------------------------- */

#header {
z-index:2;
background:transparent url(http://litia.de/files/pic1.JPG) no-repeat scroll 650px 450px;
}

aber anzeigen tut er nix^^ bild ist auch hochgeladen.

litia.de

hab noch ein bissel rumprobiert und das bild in das selbe hauptverzeichnis gelegt mit einem unterordner. mit jeweils html und ohne im code probiert. ich bekomm es net hin :confused:

na das ist alles was. hätte nicht gedacht, dass man soviel wissen muss um einen vernünftigen blog auf die beine zustellen.

code jetzt ( mal der gesamte ausschnitt ):

Code

/* =Header
-------------------------------------------------------------- */


#header {
z-index:2;
background:transparent url([URL]http://litia.de/html/blog/bilder/pic1.JPG[/URL]) no-repeat scroll 650px 450px;
}


#branding {
    padding:88px 0 44px 0;
}
#blog-title {
    font-family:Arial,sans-serif;
    font-size:34px;
    font-weight:bold;
    line-height:40px;
}
#blog-title a {
    color:#000;
    text-decoration:none;
}
#blog-title a:active,
#blog-title a:hover {
    color: #FF4B33;
}
#blog-description {
    color:#666;
    font-size:13px;
    font-style:italic;
}

Alles anzeigen

maxe

der Pfad ist falsch, so sollte es klappen: http://litia.de/blog/bilder/pic1.jpg

und dann sind auch noch die Positionsangaben falsch. 450px von oben ist zu weit:

Code

background: transparent url(http://litia.de/blog/bilder/pic1.jpg) no-repeat scroll 650px top;

litia.de

Boh, Klasse!!! Mensch danke Dir!

Versuche gerade noch heraus zufinden, wie ich die Position des Bildes verschieben kann - hast Du dazu auch noch einen Tipp? ;)

Danke, Danke! Ohne Deine Hilfe hätte ich es net geschafft.

LG

litia.de

Ich sollte erstmal probieren und DANN fragen. hab es rausgefunden :D

Muss nur noch schauen, warum er mir das Bild beschneiden?!

hier kann man das original sehen:

http://www.oldskoolman.de/bilder/mensche…edchen-in-pink/

und hier im blog:

http://litia.de/blog/

verstehst du wie ich das meine?

litia.de

ich bin echt ein depp... also ich hab nu alles auf die reihe bekommen! wenn man erstmal verstanden hat, wie ein code vom ansatz funktioniert, dann ist das alles logisch.

vielen dank nochmals!

LG

maxe

als hätte ich es schon vor Tagen gewusst :lol:

Zitat von maxe

und dann schau dir background noch mal genauer an (auch oder gerade wg. der Positionierung): http://de.selfhtml.org/css/eigenschaften/hintergrund.htm

funkygog

Also das Header-Bild hat immer noch eine Größenangabe
und wird deshalb nicht richtig angezeigt

falsch:

PHP

#header {
transparent url(http://litia.de/blog/bilder/baby.jpg) no-repeat scroll 950px top;
}

richtig:

PHP

#header {
 transparent url(http://litia.de/blog/bilder/baby.jpg) no-repeat scroll right top;
 }

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Header, Logo bearbeiten

Jetzt mitmachen!