Nachdem ich jetzt Stunden hier im Forum und über google gesucht habe, bin ich nicht schlauer geworden. Mein Problem ist folgendes:
Ich nutze das Theme "nature" und möchte eine Grafik über die header.php im Header einbinden. Eine Hintergrundgrafik habe ich bereits über die style.css eingebunden - ich möchte halt anstelle des Blogtitels eine zusätzliche Grafik, die quasi über dem Hintergrund liegt.
Mit dem Kubrick-Theme habe ich das in meinem Blog bereits realisiert - aber dieses Theme hat mich an den Rand der Verzweiflung getrieben. Die Seiten liegen z.Zt. noch auf localhost.
Die header.php sieht so aus:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> <?php } ?> <?php wp_title(); ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
<link rel="shortcut icon" href="<?php echo get_settings('home'); ?>/favicon.ico" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php global $ec3; $ec3->nocss=true; ?>
<?php wp_head(); ?>
<?php load_theme_textdomain('nature');?>
</head>
<body>
<?php
$scriptname = preg_replace("/^.*\//","",$_SERVER['SCRIPT_NAME']);
?>
<div id="wrapper">
<div id="kopf">
<h1><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?></a></h1>
</div>
<!--Ende Kopf-->
<div id="blogtitel"><p><?php bloginfo('description'); ?></p></div>
<?php get_sidebar(); ?>
<div id="content">der entsprechende Teil der style.css sieht so aus:
/*---| Kopfbereich |---*/
#wrapper {
max-width: 95%;
background: #B6B78D;
color: inherit;
margin:0 auto;
border: 1px solid #e9ecd9;
text-align: left;
}
#kopf {
background: url(images/header3.jpg);
height: 164px;
border-bottom: 1px solid #e9ecd9;
}
#kopf h1 {
font-size: 2.0em;
text-align: center;
padding-top: 70px;
}
#kopf a:link,
#kopf a:visited {
color: #25321e;
background: inherit;
display: block;
}
#kopf a:hover,
#kopf a:active,
#kopf a:focus {
color: #B6B78D;
background: inherit;
}
#blogtitel {
background: #92985A;
color: #395127;
height: 25px;
text-align: center;
letter-spacing: 1px;
word-spacing: 2px;
margin: 0px 222px;
border-left: 1px solid #395127;
border-right: 1px solid #395127;
}
#blogtitel p {
padding-top: 5px;
color: #e9ecd9;
background: inherit;
}Ich habe an diesem Code-Schnipsel alles Mögliche (und Unmögliche) ausprobiert:
<div id="wrapper">
<div id="kopf">
<h1><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?></a></h1>
</div>Wahrscheinlich sehe ich den Wald vor lauter Bäumen nicht, aber mir fällt echt nix mehr ein. Ich kapier nciht, warum ich es bei dem anderen Theme geschafft habe und hier nicht.
Danke für eure Hilfe :)