Grafik in den Header einfügen?

peterpa

Hallo,

ich bin Administrator des folgenden Blogs:

Ich würde gerne in den Header meine eigene JPG Grafik einbinden. Aktuell ist dort leider ja nur ein Text. Den würde ich also gerne löschen und eine Grafik von mir dort hin machen. Soll soll es aussehen (habe es mit PhotoShop simuliert):

http://www.picbutler.de/bild/162623/grafikeinbindene27c7.jpg

Style.css: http://www.xup.in/dl,93596475/94693paste.txt/
Header.php: http://www.xup.in/dl,26012569/53209paste.txt/

Ich würde mich sehr freuen, wenn mir jemand helfen könnte.

Ich sage schon mal vielen Dank und verbleibe mit freundlichen Grüßen!

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

hast du denn schon selber was probiert? Wenn ja, was?

Ich denke du musst eigentlich nur diesen Teil

PHP

<h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
<div class="subtitle"><?php bloginfo('description'); ?></div>

mit deiner Grafik ersetzen

Code

<img src="..." />

peterpa

Vielen Dank, für deine Antwort. So was ähnliches habe ich selber schon ausprobiert. Kannst dir ja mal das Ergebnis anschauen, wie "Test Grafik" ist total verschoben?

Beste Grüße!

Tutrix

in der style.css die Höhe, der Grafik anpassen

Code

#header {
background:none repeat scroll 0 0 #111111;
border-bottom:1px solid #1C1C1B;
font-family:Arial,Helvetica,sans-serif;
height:49px;
position:relative;




}

Alles anzeigen

peterpa

Zitat von Art of Pic
in der style.css die Höhe, der Grafik anpassen
Code
#header {
background:none repeat scroll 0 0 #111111;
border-bottom:1px solid #1C1C1B;
font-family:Arial,Helvetica,sans-serif;
height:49px;
position:relative;




}
Alles anzeigen

Via Suche finde ich diese Stelle in der Style.css nicht. Muss ich den Code, komplett einsetzen? Vielen Dank!

Tutrix

nein nur die Höhe(height) anpassen

Code

height:49px;

bei deinem Testbild wären das also 200px statt der 49px

peterpa

Ach vielen Dank. Manchmal steht man einfach auf dem Schlauch :)

Kann ich es noch machen, dass die Header Grafik von oben und unten in der Höhe mittig ist? Weil aktuell stößt sie ja unten am Rand an.

Tutrix

Die Grafik sitzt mittig, allerdings hat deine Seite 40px Abstand nach oben.
Wenn dich das stört, hier

Code

#container {
background:url("img/content_bg.png") repeat scroll 0 0 transparent;
margin:40px auto;
width:960px;




}

die 40px anpassen

peterpa

Perfekt, du kannst Gedanken lesen. So passt es jetzt perfekt! Vielen Dank!

Zitat von Art of Pic
Die Grafik sitzt mittig, allerdings hat deine Seite 40px Abstand nach oben.
Wenn dich das stört, hier
Code
#container {
background:url("img/content_bg.png") repeat scroll 0 0 transparent;
margin:40px auto;
width:960px;




}
die 40px anpassen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Grafik in den Header einfügen?

Jetzt mitmachen!