Wie Header ändern?

Roter · 07.10.2008, 17:51

Hallo zusammen,

wie kann ich bei diesem Theme mein eigenes Logo als Header einfügen?
Sunny Täter
Wo muss ich es einfügen?
(Theme: aeros)

Danke im voraus!

Gruß

maxe · 07.10.2008, 18:52

Dafür musst du in der style.css den background des #header ändern:

Code:

#header {  style.css (Linie 114)
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:0;
background:#000000 none repeat scroll 0 0;
font-family:Verdana,Arial,sans-serif;
margin:0 0 13px;
opacity:0.7;
overflow:hidden;
padding:15px 0 25px;
width:775px;
}

Wie du da ein Bild einfügst kannst du hier sehen: background: Hintergrundbilder: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

Roter · 08.10.2008, 07:58

Hat funktioniert!

Danke!

Muckel · 08.10.2008, 21:43

Moin,

habe da einähnliches Problem. Möchte gerne den standard header verändern. Als einfaches Hintergrund Bild klappt es auch:VCP Siedlung Astrid Lindgren.

Doch als nächstes wollte ich es gerne als direktes Bild einbauen, so dass man bei einem Klick auf's Bild auf die Hauptseite kommt. Habe es so versucht:

PHP-Code:

 
<div id="header">
    <div id="headerimg">
        <a href="<?php echo get_option('home'); ?>/"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/kubrickheader.jpg" alt="VCP-Barmbek"/></a>
    <!-- <h1>  </h1> -->
    <!-- <div class="description"><?php /*bloginfo('description');*/ ?></div> -->
    </div>
</div>

und in der style.css habe ich natürlich den background bei

Code:

#header {
    background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center ;
    }

auskommentiert. Leider hat es nicht funktioniert. Kann mir jemand sagen, woran das liegt?

Gruß Muckel

maxe · 08.10.2008, 21:46

Wenn's nur um die Headerverlinkung geht: WordPress Deutschland FAQ Wie verlinke ich meinen Header?

Muckel · 08.10.2008, 21:52

Da war ich einfach betriebsblind. Kann ich in dem javascript auch die php Variable anstelle der URL einbinden? Denn das wäre unter umständen besser.

Gruß und Danke
Muckel

maxe · 08.10.2008, 21:57

öööhm, probieren geht über studieren. Teste es doch einfach mal

Edit: Bis Montag muss ich die FAQ auswendig können, sonst motz der marX

Kastanienbaum · 08.11.2008, 21:49

http://forum.wordpress-deutschland.o...AAAElFTkSuQmCC

Hallo,

ich komme gerade nicht weiter...

Ich habe eine eigene Header-Grafik. Und daher habe ich unter "Design / Headerbild und -Farbe / Erweitert / Textanzeige umschalten" den Titel+Beschreibung ausgeschaltet.
Aber nun war leider der Header nicht mehr verlinkt.
-> Ich möchte natürlich, dass mein eigenes Header-Bild auch zugleich als Link zur Hauptseite fungiert.

Nun habe ich den Link-Tipp oben angewandt (die "saubere" Lösung), und meine header.php sieht nun zum Schluss so aus:

PHP-Code:

 
.......

<?php wp_head(); ?>
</head>
<body>
<div id="page">
<div id="header">
  <a href="<?php bloginfo('url') ?>/" style="display:block; width:100%; height:100%;">
    <span style="visibility:hidden"><?php bloginfo('name') ?></span>
  </a>
</div>
</div>
<hr />

=> Der Header ist nun tatsächlich anklickbar, aber dafür ist das ganze Design im A....

Ich hoffe, mir kann jemand helfen?
Abo-Blog

maxe · 09.11.2008, 14:34

Haste den Div-Container fürs Headerimg dann rausgelöscht

Versuch es doch mal so:

Code:

<div id="header">
    <a style="display: block; width: 100%; height: 100%;" href="<?php bloginfo('url') ?>/">
    <div id="headerimg">
        <h1><a href="http://www.abo-bar.com/blog/">Abo-Blog</a></h1>
        <div class="description"/>
    </div>
</a>
</div>

Kastanienbaum · 09.11.2008, 14:42

http://forum.wordpress-deutschland.o...AAAElFTkSuQmCC

Hi, ich hab's mal ausprobiert... und jetzt ist das Design nur noch halb zerschossen... (vorher war auch noch alles noch links gerückt, aber der Mittelteil sollte eigentlich weiß sein)...

Hier noch mal die beiden Quelltextauszüge:

Ursprünglich: Ansicht ok, nur Header nicht verlinkt:

PHP-Code:

 
...
<?php wp_head(); ?>
</head>
<body>
<div id="page">
<div id="header">

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

Neu: Header verlinkt, aber Design kaputt:

PHP-Code:

 
...
<?php wp_head(); ?>
</head>
<body>
<div id="page">
<div id="header">
    <a style="display: block; width: 100%; height: 100%;" href="<?php bloginfo('url') ?>/">
    <div id="headerimg">
        <h1><a href="http://www.abo-bar.com/blog/">Abo-Blog</a></h1>
        <div class="description"/>
    </div>
</a>
</div>
<hr />

www.abo-blog.de

EDIT: Ich sehe gerade mit Entsetzen: Im Firefox sieht's ja noch halbwegs manierlich aus... Aber im IE ist alles total zerschossen!

07.10.2008, 17:51	#1 (permalink)
Roter PostRank: 1 Registriert seit: 06.12.2007 Beiträge: 31	Wie Header ändern? Hallo zusammen, wie kann ich bei diesem Theme mein eigenes Logo als Header einfügen? Sunny Täter Wo muss ich es einfügen? (Theme: aeros) Danke im voraus! Gruß __________________ Meine Seite!

08.10.2008, 07:58	#3 (permalink)
Roter PostRank: 1 Registriert seit: 06.12.2007 Beiträge: 31	Hat funktioniert! Danke! __________________ Meine Seite!

08.10.2008, 21:43	#4 (permalink)
Muckel PostRank: 4 Registriert seit: 27.02.2006 Ort: in Deutschland, Niedersachsen, nähe dem Harz Beiträge: 269	Moin, habe da einähnliches Problem. Möchte gerne den standard header verändern. Als einfaches Hintergrund Bild klappt es auch:VCP Siedlung Astrid Lindgren. Doch als nächstes wollte ich es gerne als direktes Bild einbauen, so dass man bei einem Klick auf's Bild auf die Hauptseite kommt. Habe es so versucht: PHP-Code: `<div id="header"> <div id="headerimg"> <a href="<?php echo get_option('home'); ?>/"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/kubrickheader.jpg" alt="VCP-Barmbek"/></a> <!-- <h1> </h1> --> <!-- <div class="description"><?php /bloginfo('description');/ ?></div> --> </div> </div>` und in der style.css habe ich natürlich den background bei Code: #header { background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center ; } auskommentiert. Leider hat es nicht funktioniert. Kann mir jemand sagen, woran das liegt? Gruß Muckel

08.11.2008, 21:49	#8 (permalink)
Kastanienbaum PostRank: 0 Registriert seit: 08.11.2008 Beiträge: 16	Link im eigenen Header http://forum.wordpress-deutschland.o...AAAElFTkSuQmCC Hallo, ich komme gerade nicht weiter... Ich habe eine eigene Header-Grafik. Und daher habe ich unter "Design / Headerbild und -Farbe / Erweitert / Textanzeige umschalten" den Titel+Beschreibung ausgeschaltet. Aber nun war leider der Header nicht mehr verlinkt. -> Ich möchte natürlich, dass mein eigenes Header-Bild auch zugleich als Link zur Hauptseite fungiert. Nun habe ich den Link-Tipp oben angewandt (die "saubere" Lösung), und meine header.php sieht nun zum Schluss so aus: PHP-Code: `....... <?php wp_head(); ?> </head> <body> <div id="page"> <div id="header"> <a href="<?php bloginfo('url') ?>/" style="display:block; width:100%; height:100%;"> <span style="visibility:hidden"><?php bloginfo('name') ?></span> </a> </div> </div> <hr />` => Der Header ist nun tatsächlich anklickbar, aber dafür ist das ganze Design im A.... Ich hoffe, mir kann jemand helfen? Abo-Blog

09.11.2008, 14:42	#10 (permalink)
Kastanienbaum PostRank: 0 Registriert seit: 08.11.2008 Beiträge: 16	http://forum.wordpress-deutschland.o...AAAElFTkSuQmCC Hi, ich hab's mal ausprobiert... und jetzt ist das Design nur noch halb zerschossen... (vorher war auch noch alles noch links gerückt, aber der Mittelteil sollte eigentlich weiß sein)... Hier noch mal die beiden Quelltextauszüge: Ursprünglich: Ansicht ok, nur Header nicht verlinkt: PHP-Code: `... <?php wp_head(); ?> </head> <body> <div id="page"> <div id="header"> <div id="headerimg"> <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1> <div class="description"><?php bloginfo('description'); ?></div> </div> </div> <hr />` Neu: Header verlinkt, aber Design kaputt: PHP-Code: `... <?php wp_head(); ?> </head> <body> <div id="page"> <div id="header"> <a style="display: block; width: 100%; height: 100%;" href="<?php bloginfo('url') ?>/"> <div id="headerimg"> <h1><a href="http://www.abo-bar.com/blog/">Abo-Blog</a></h1> <div class="description"/> </div> </a> </div> <hr />` www.abo-blog.de EDIT: Ich sehe gerade mit Entsetzen: Im Firefox sieht's ja noch halbwegs manierlich aus... Aber im IE ist alles total zerschossen! Geändert von Kastanienbaum (09.11.2008 um 14:50 Uhr). Grund: Update

08.10.2008, 21:46	#5 (permalink)
maxe PostRank: 9 Registriert seit: 01.05.2008 Beiträge: 1.355	Wenn's nur um die Headerverlinkung geht: WordPress Deutschland FAQ Wie verlinke ich meinen Header?

08.10.2008, 21:52	#6 (permalink)
Muckel PostRank: 4 Registriert seit: 27.02.2006 Ort: in Deutschland, Niedersachsen, nähe dem Harz Beiträge: 269	Da war ich einfach betriebsblind. Kann ich in dem javascript auch die php Variable anstelle der URL einbinden? Denn das wäre unter umständen besser. Gruß und Danke Muckel

08.10.2008, 21:57	#7 (permalink)
maxe PostRank: 9 Registriert seit: 01.05.2008 Beiträge: 1.355	öööhm, probieren geht über studieren. Teste es doch einfach mal Edit: Bis Montag muss ich die FAQ auswendig können, sonst motz der marX

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln