Header verändern?!

peterpa

Hallo,

ich habe folgendes Wordpress Theme:

http://www.abload.de/img/normalusdz.jpg

Nun würde ich gerne, folgende Grafik in den Header machen:

http://www.abload.de/img/globustoxq.png

Diese Grafik, also der Globus soll genau so eingebunden werden, wie es auf diesem Bild zu sehen ist:

http://www.abload.de/img/sowilliches6ti9.jpg (Dort habe ich es mal mit PhotoShop simuliert)...

Style.css: http://www.xup.in/dl,99721369/27332paste.txt/
Header.php: http://www.xup.in/dl,11239666/20638paste.txt/

Es wäre sehr nett, wenn mir jemand helfen könnte. Es geht um folgende Website: http://gutschein-globus.com/ (Name: Admin / Passwort: lollollol). Vielen Dank!

Liebe Grüße
Peter

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

bgeissler

schau dir diese Zeile in der oceanicstyle.css an:

Zitat

#header { width: 950px; float: right; height: 120px; background-image: url(http://www.abload.de/img/globustoxq.png); background-repeat: no-repeat; }

peterpa

Vielen Dank, für die schnelle und kompetente Hilfe. Nun sieht es so aus:

http://www.abload.de/img/unbenannt-3c9bi.jpg

Jetzt muss ich es nur noch hinbekommen, dass es so aussieht:

http://www.abload.de/img/sowilliches6ti9.jpg (Dort habe ich es mal mit PhotoShop simuliert)...

Wäre sehr nett, wenn mir noch jemand verraten würde, wie das noch geht?

Liebe Grüße
Peter

alchymyth

ein bischen in der css basteln (oceanicstyle.css):
- das hintergrundbild vom '#header' in '#header a' verschieben (neue zeile einfuegen),
- einige paddings, margins anpassen:

Code

#header { width: 950px; float: right; height: 90px;  } 
#header a {background-image: url([URL]http://www.abload.de/img/globusva2v.png[/URL]); background-repeat: no-repeat;height:130px;margin-left:5px;padding-left:130px;display:block;margin-top:-25px;}
 
.logo { float: left; border: 0px; margin-top: 25px; margin-left: 10px;padding-top:30px; }

im firefox mit dem developer add-on gebastelt und getestet, keine garantie, dass es in anderen browsern auch geht.

peterpa

Wow, vielen Dank. Das geht absolut perfekt. Nun würde ich noch gerne den Schriftzug "Influx" löschen, also der Blaue. Was muss ich dafür löschen?

Nochmals vielen Dank, für eure nette Hilfe :- )

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Header verändern?!

Jetzt mitmachen!

Benutzer online in diesem Thema