Wie Header ändern?

ktowejnnab

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! :-D

Gruß

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

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;
[COLOR=Red]background:#000000 none repeat scroll 0 0;[/COLOR]
font-family:Verdana,Arial,sans-serif;
margin:0 0 13px;
opacity:0.7;
overflow:hidden;
padding:15px 0 25px;
width:775px;
}

Alles anzeigen

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

ktowejnnab

Hat funktioniert! :-D

Danke!

Muckel

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

<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

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

Muckel

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

ööö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

Link im eigenen Header

[LEFT][COLOR=#000000][Blockierte Grafik: http://forum.wordpress-deutschland.org/data:image/png…AAAAElFTkSuQmCC]
[/COLOR]
Hallo,
[/LEFT]

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

.......


<?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 />

Alles anzeigen

=> 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

Haste den Div-Container fürs Headerimg dann rausgelöscht :confused: Versuch es doch mal so:

PHP

<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

[LEFT][COLOR=#000000][Blockierte Grafik: http://forum.wordpress-deutschland.org/data:image/png…AAAAElFTkSuQmCC]
[/COLOR]
[COLOR=#000000]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)... :-?[/COLOR][COLOR=#000000]
[/COLOR]
[/LEFT]
Hier noch mal die beiden Quelltextauszüge:

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

PHP

...
<?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 />

Alles anzeigen

Neu: Header verlinkt, aber Design kaputt: :(

PHP

...
<?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 />

Alles anzeigen

http://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! :-(

maxe

da ist jetzt noch irgendwas anderes schief gelaufen ... hast du was an der style.css geändert? Hast du sonst noch was geändert? Sonst stell den die Ursprungs-header.php wieder erst mal wieder her.

Kastanienbaum

[LEFT][COLOR=#000000][Blockierte Grafik: http://forum.wordpress-deutschland.org/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAOCAYAAAA8E3wEAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH1QUUDyoqJjAqRwAAAN1JREFUOMu1lMkVwyAMBYe0JGpCNUFNVk3k4AUwxPGS+ILxkzX8jyTH/Sfu9nrmJ3cXlnMASyWRPwd2d5XlHCBZn1BthcbRAdxTZQDI8k3mQzg11rhF+QZ9jdNOcQib6GFQYJYgCFucSRf6GsLU6wEY5yubTFqF2yq1vRwr3INXdQUWG+je1pELX4ED1wDyRAR0WfuAA9gloITyvsFMIMgYInYRqF6rO9Sqz9qkO5ilyo0o3YBwJ+6vrdQonxWUQllhXeHcb/wabMPkP2n81ocAIoLZrMqn/4y2RwP8DcQ+d6rT9ATiAAAAAElFTkSuQmCC]
[/COLOR]

[COLOR=#000000]
[/COLOR][/LEFT]
Habe die alte header.php hochgeladen. Allerdings gerade gesehen, dass im IE immer noch was verschoben ist. Ob dies ganz am Anfang auch schon war, weiß ich nicht, da ich eigentlich nur mit FF arbeite...

Ja, in der style.css habe ich ein paar Farben und die Links geändert. Hier ist sie:

(in den nächsten Postings, weil es hier zu viele Zeichen sind...)

Kastanienbaum

[LEFT][COLOR=#000000][Blockierte Grafik: http://forum.wordpress-deutschland.org/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAOCAYAAAA8E3wEAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH1QUUDyoqJjAqRwAAAN1JREFUOMu1lMkVwyAMBYe0JGpCNUFNVk3k4AUwxPGS+ILxkzX8jyTH/Sfu9nrmJ3cXlnMASyWRPwd2d5XlHCBZn1BthcbRAdxTZQDI8k3mQzg11rhF+QZ9jdNOcQib6GFQYJYgCFucSRf6GsLU6wEY5yubTFqF2yq1vRwr3INXdQUWG+je1pELX4ED1wDyRAR0WfuAA9gloITyvsFMIMgYInYRqF6rO9Sqz9qkO5ilyo0o3YBwJ+6vrdQonxWUQllhXeHcb/wabMPkP2n81ocAIoLZrMqn/4y2RwP8DcQ+d6rT9ATiAAAAAElFTkSuQmCC]
[/COLOR][/LEFT]

PHP

/*
Theme Name: WordPress Default DE-Edition
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>. Die deutsche Bearbeitung erfolgte durch <a href="http://wordpress-deutschland.org/">WordPress-Deutschland.org</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets


    Kubrick v1.5
     http://binarybonsai.com/kubrick/


    This theme was designed and built by Michael Heilemann,
    whose blog you will find at http://binarybonsai.com/


    The CSS, XHTML and design is released under GPL:
    http://www.opensource.org/licenses/gpl-license.php


*/






/* Begin Typography & Colors */
body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    background: #E4E0EA url('images/kubrickbgcolor.jpg');
    color: #333;
    text-align: center;
    }


#page {
    background-color: white;
    border: 1px solid #959596;
    text-align: left;
    }


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


#headerimg     {
    margin: 7px 9px 0;
    height: 192px;
    width: 740px;
    }


#content {
    font-size: 1.2em
    }


.widecolumn .entry p {
    font-size: 1.05em;
    }


.narrowcolumn .entry, .widecolumn .entry {
    line-height: 1.4em;
    }


.widecolumn {
    line-height: 1.6em;
    }


.narrowcolumn .postmetadata {
    text-align: center;
    }


.alt {
    background-color: #EBF0CC;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    }


#footer {
    background: #eee url('images/kubrickfooter.jpg') no-repeat top;
    border: none;
    }


small {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.9em;
    line-height: 1.5em;
    }


h1, h2, h3 {
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-weight: bold;
    }


h1 {
    font-size: 4em;
    text-align: center;
    }


#headerimg .description {
    font-size: 1.2em;
    text-align: center;
    }


h2 {
    font-size: 1.6em;
    }


h2.pagetitle {
    font-size: 1.6em;
    }


#sidebar h2 {
    font-family: 'Lucida Grande', Verdana, Sans-Serif;
    font-size: 1.2em;
    }


h3 {
    font-size: 1.3em;
    }


h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
    text-decoration: none;
    color: white;
    }


h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
    color: #333;
    }


h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
    text-decoration: none;
color: #5B3672;
    }


.entry p a:visited {
    color: #5B3672;
    }


.commentlist li, #commentform input, #commentform textarea {
    font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }


.commentlist li {
    font-weight: bold;
    }


.commentlist li .avatar { 
    float: right;
    border: 1px solid #eee;
    padding: 2px;
    background: #fff;
    }


.commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
    }


.commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
    }


#commentform p {
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }


.commentmetadata {
    font-weight: normal;
    }


#sidebar {
    font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }


small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
    color: #777;
    }


code {
    font: 1.1em 'Courier New', Courier, Fixed;
    }


acronym, abbr, span.caps
{
    font-size: 0.9em;
    letter-spacing: .07em;
    }


a, h2 a:hover, a.home:active, a.home:link, a.home:visited {
        text-decoration: none;
        cursor: hand;


}
a:link, a:visited {
        color: #000000;
        outline: none;        text-decoration: none;
}


a:hover, a:active {
        color: #5B3672;        text-decoration: underline;


}


#wp-calendar #prev a, #wp-calendar #next a {
    font-size: 9pt;
    }


#wp-calendar a {
    text-decoration: none;
    }


#wp-calendar caption {
    font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    text-align: center;
    }




#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
    }
/* End Typography & Colors */






/* Begin Structure */
body {
    margin: 0 0 20px 0;
    padding: 0;
    }


#page {
    background-color: white;
    margin: 20px auto;
    padding: 0;
    width: 760px;
    border: 1px solid #959596;
    }


#header {
    background-color: #73a0c5;
    margin: 0 0 0 1px;
    padding: 0;
    height: 200px;
    width: 758px;
    }


#headerimg {
    margin: 0;
    height: 200px;
    width: 100%;
    }


.narrowcolumn {
    float: left;
    padding: 0 0 20px 45px;
    margin: 0px 0 0;
    width: 450px;
    }


.widecolumn {
    padding: 10px 0 20px 0;
    margin: 5px 0 0 150px;
    width: 450px;
    }


.post {
    margin: 0 0 40px;
    text-align: justify;
    }


.post hr {
    display: block;
    }


.widecolumn .post {
    margin: 0;
    }


.narrowcolumn .postmetadata {
    padding-top: 5px;
    }


.widecolumn .postmetadata {
    margin: 30px 0;
    }


.widecolumn .smallattachment {
    text-align: center;
    float: left;
    width: 128px;
    margin: 5px 5px 5px 0px;
}


.widecolumn .attachment {
    text-align: center;
    margin: 5px 0px;
}


.postmetadata {
    clear: both;
}


.clear {
    clear: both;
}


#footer {
    padding: 0;
    margin: 0 auto;
    width: 760px;
    clear: both;
    }


#footer p {
    margin: 0;
    padding: 20px 0;
    text-align: center;
    }
/* End Structure */






/*    Begin Headers */
h1 {
    padding-top: 70px;
    margin: 0;
    }


h2 {
    margin: 30px 0 0;
    }


h2.pagetitle {
    margin-top: 30px;
    text-align: center;
}


#sidebar h2 {
    margin: 5px 0 0;
    padding: 0;
color: #829600;
    }


h3 {
    padding: 0;
    margin: 30px 0 0;
    }


h3.comments {
    padding: 0;
    margin: 40px auto 20px ;
    }
/* End Headers */






/* Begin Images */
p img {
    padding: 0;
    max-width: 100%;
    }


/*    Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */


img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }


img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }


img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }


.alignright {
    float: right;
    }


.alignleft {
    float: left
    }
/* End Images */


...........................

Alles anzeigen

Kastanienbaum

Fortsetzung...

PHP

...............




/* Begin Lists


    Special stylized non-IE bullets
    Do not work in Internet Explorer, which merely default to normal bullets. */


html>body .entry ul {
    margin-left: 0px;
    padding: 0 0 0 30px;
    list-style: none;
    padding-left: 10px;
    text-indent: -10px;
    }


html>body .entry li {
    margin: 7px 0 8px 10px;
    }


.entry ul li:before, #sidebar ul ul li:before {
    content: "\00BB \0020";
    }


.entry ol {
    padding: 0 0 0 35px;
    margin: 0;
    }


.entry ol li {
    margin: 0;
    padding: 0;
    }


.postmetadata ul, .postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
    }


#sidebar ul, #sidebar ul ol {
    margin: 0;
    padding: 0;
    }


#sidebar ul li {
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 15px;
    }


#sidebar ul p, #sidebar ul select {
    margin: 5px 0 8px;
    }


#sidebar ul ul, #sidebar ul ol {
    margin: 5px 0 0 10px;
    }


#sidebar ul ul ul, #sidebar ul ol {
    margin: 0 0 0 10px;
    }


ol li, #sidebar ul ol li {
    list-style: decimal outside;
    }


#sidebar ul ul li, #sidebar ul ol li {
    margin: 3px 0 0;
    padding: 0;
    }
/* End Entry Lists */






/* Begin Form Elements */
#searchform {
    margin: 10px auto;
    padding: 5px 3px;
    text-align: center;
    }


#sidebar #searchform #s {
    width: 108px;
    padding: 2px;
    }


#sidebar #searchsubmit {
    padding: 1px;
    }


.entry form { /* This is mainly for password protected posts, makes them look better. */
    text-align:center;
    }


select {
    width: 130px;
    }


#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
    }


#commentform textarea {
    width: 100%;
    padding: 2px;
    }


#commentform #submit {
    margin: 0;
    float: right;
    }
/* End Form Elements */






/* Begin Comments*/
.alt {
    margin: 0;
    padding: 10px;
    }


.commentlist {
    padding: 0;
    text-align: justify;
    }


.commentlist li {
    margin: 15px 0 3px;
    padding: 5px 10px 3px;
    list-style: none;
    }


.commentlist p {
    margin: 10px 5px 10px 0;
    }


#commentform p {
    margin: 5px 0;
    }


.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
    }


.commentmetadata {
    margin: 0;
    display: block;
    }
/* End Comments */






/* Begin Sidebar */
#sidebar
{
    padding: 20px 0 10px 0;
    margin-left: 545px;
    width: 190px;
    }


#sidebar form {
    margin: 0;
    }
/* End Sidebar */






/* Begin Calendar */
#wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px;
    }


#wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
    }


#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
    }


#wp-calendar a {
    display: block;
    }


#wp-calendar caption {
    text-align: center;
    width: 100%;
    }


#wp-calendar td {
    padding: 3px 0;
    text-align: center;
    }


#wp-calendar td.pad:hover { /* Doesn't work in IE */
    background-color: #fff; }
/* End Calendar */






/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
    cursor: help;
    }


acronym, abbr {
    border-bottom: 1px dashed #999;
    }


blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 20px;
    border-left: 5px solid #ddd;
    }


blockquote cite {
    margin: 5px 0 0;
    display: block;
    }


.center {
    text-align: center;
    }


.hidden {
    display: none;
    }


hr {
    display: none;
    }


a img {
    border: none;
    }


.navigation {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 60px;
    }
/* End Various Tags & Classes*/






/* Captions */
.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}


.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}


.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}
/* End captions */




/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
    It won't be a stylish marriage, I can't afford a carriage.
    But you'll look sweet upon the seat of a bicycle built for two." */

Alles anzeigen

[LEFT][COLOR=#000000][Blockierte Grafik: http://forum.wordpress-deutschland.org/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAOCAYAAAA8E3wEAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH1QUUDyoqJjAqRwAAAN1JREFUOMu1lMkVwyAMBYe0JGpCNUFNVk3k4AUwxPGS+ILxkzX8jyTH/Sfu9nrmJ3cXlnMASyWRPwd2d5XlHCBZn1BthcbRAdxTZQDI8k3mQzg11rhF+QZ9jdNOcQib6GFQYJYgCFucSRf6GsLU6wEY5yubTFqF2yq1vRwr3INXdQUWG+je1pELX4ED1wDyRAR0WfuAA9gloITyvsFMIMgYInYRqF6rO9Sqz9qkO5ilyo0o3YBwJ+6vrdQonxWUQllhXeHcb/wabMPkP2n81ocAIoLZrMqn/4y2RwP8DcQ+d6rT9ATiAAAAAElFTkSuQmCC]
[/COLOR][/LEFT]

maxe

Eins nach dem anderen. Im FF3 und IE7 sieht's jetzt wieder gut aus. Biste jetzt mit dem header weiter? Also nur mal die header.php bearbeiten:

PHP

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

Und dann gucken wir weiter.

Kastanienbaum

[LEFT][COLOR=#000000][Blockierte Grafik: http://forum.wordpress-deutschland.org/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAOCAYAAAA8E3wEAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH1QUUDyoqJjAqRwAAAN1JREFUOMu1lMkVwyAMBYe0JGpCNUFNVk3k4AUwxPGS+ILxkzX8jyTH/Sfu9nrmJ3cXlnMASyWRPwd2d5XlHCBZn1BthcbRAdxTZQDI8k3mQzg11rhF+QZ9jdNOcQib6GFQYJYgCFucSRf6GsLU6wEY5yubTFqF2yq1vRwr3INXdQUWG+je1pELX4ED1wDyRAR0WfuAA9gloITyvsFMIMgYInYRqF6rO9Sqz9qkO5ilyo0o3YBwJ+6vrdQonxWUQllhXeHcb/wabMPkP2n81ocAIoLZrMqn/4y2RwP8DcQ+d6rT9ATiAAAAAElFTkSuQmCC]
[/COLOR][/LEFT]
Üff, bin echt gerade ein bisschen am Verzweifeln...

Also: zu dem IE: Ich habe hier extra noch den alten (6.0) drauf, zum Testen, weil ich weiß, dass den noch viele haben, aber der leider bei diversen css-Dateien ziemlich schnell zickt.

Hab jetzt folgende header.php:

PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>


<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />


<link rel="shortcut icon" href="http://www.abo-bar.de/img/favicon.ico" type="image/x-icon">






<title><?php bloginfo('name');
if ( is_single() ) {
        _e('&raquo; Blog Archive', 'kubrick');
}
wp_title(); ?></title>


<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s RSS Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />


<style type="text/css" media="screen">


<?php
// Checks to see whether it needs a sidebar or not
if (!empty($withcomments) && !is_single() ) {
?>
        #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-<?php bloginfo('text_direction'); ?>.jpg") repeat-y top; border: none; }
<?php } else { // No sidebar ?>
        #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgwide.jpg") repeat-y top; border: none; }
<?php } ?>


</style>


<?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 />

Alles anzeigen

Und irgendwie fehlt beim FF der Mittelteil, beim IE stimmt gar nichts mehr. :-(

maxe

ich Depp, versuch's mal mit spans:

PHP

<div id="header">
    <a style="display: block; width: 100%; height: 100%;" href="<?php bloginfo('url') ?>/">
    <span id="headerimg">
        <h1>&nbsp;</h1>
        <span class="description"/>
    </span>
    </a>
</div>

PS: Was sind das immer für komische Links die du da postest?

Kastanienbaum

[LEFT][COLOR=#000000][Blockierte Grafik: http://forum.wordpress-deutschland.org/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAOCAYAAAA8E3wEAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH1QUUDyoqJjAqRwAAAN1JREFUOMu1lMkVwyAMBYe0JGpCNUFNVk3k4AUwxPGS+ILxkzX8jyTH/Sfu9nrmJ3cXlnMASyWRPwd2d5XlHCBZn1BthcbRAdxTZQDI8k3mQzg11rhF+QZ9jdNOcQib6GFQYJYgCFucSRf6GsLU6wEY5yubTFqF2yq1vRwr3INXdQUWG+je1pELX4ED1wDyRAR0WfuAA9gloITyvsFMIMgYInYRqF6rO9Sqz9qkO5ilyo0o3YBwJ+6vrdQonxWUQllhXeHcb/wabMPkP2n81ocAIoLZrMqn/4y2RwP8DcQ+d6rT9ATiAAAAAElFTkSuQmCC]
[/COLOR]
[COLOR=#000000]
[/COLOR][/LEFT]

Zitat von maxe

ich Depp, versuch's mal mit spans:

Fragt sich, wer hier der Depp ist... ;-)

Also, Ergebnis:
- Mit dem FF prima
- Im IE 6 ist NUR noch die Header-Grafik zu sehen... :|

Im Ernst: Ich bin kurz davor, alles neu zu instellieren... Es kann doch nicht sein, dass es nicht hinzubekommen ist, im Standard-Theme einfach nur ein eigenes Header-Bild einzufügen, welches auch als Link zur Hauptseite dient? Das kann doch nicht so kompliziert sein?! :?:

Zitat

PS: Was sind das immer für komische Links die du da postest?

Du meist diese komischen Links am Anfang der Postings? Das habe ich mich auch schon gefragt... Die entstehen bei mir automatisch in jedem Posting und lassen sich auch beim Editieren oder in der Vorschau nicht rauslöschen... :?:

maxe

Beim Standard-Kubrick Theme ist nunmal der header nicht leer, deshalb ist komplizierter. Dann schau doch mal ob's mit leerem Header funktioniert:

PHP

<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>
[COLOR=#000000]<hr />[/COLOR]

Kastanienbaum

[LEFT][COLOR=#000000][Blockierte Grafik: http://forum.wordpress-deutschland.org/data:image/png…AAAAElFTkSuQmCC]
[/COLOR]
[COLOR=#000000]
[/COLOR]
[COLOR=#000000]
[/COLOR][/LEFT]
So, jetzt bin ich erst mal wieder halbwegs glücklich... ;-)

Der Code von Dir (mit span) funzt nämlich... Ich habe, bevor ich noch graue Haare bekomme, doch den Blog noch mal neu installiert: http://www.abo-bar.com/blog/

Ich habe in Deinem Code nur das Leerzeichen entfernt, weil da sonst beim Drüberfahren mit der Maus ein kleiner Strich entstand.

Den allerletzten Code von Dir hatte ich jetzt nicht ausprobiert. Sollte ich den auch noch mal testen, oder lieber alles so lassen, wie es jetzt läuft?

DANKE schon mal sehr für Deine Hilfe!... Jetzt werde ich erst mal Schritt für Schritt den Rest wieder anpassen. :-)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Wie Header ändern?

Jetzt mitmachen!

Benutzer online in diesem Thema