Hallo!
Ich verwende das Shades-of-blue (SOB) Theme, weil ich die Tabs oben brauche. Nun würde ich gern hinter die Tabs ein Hintergrundbild einbringen.
Bei anderen Themes muss man dazu ja nur im Image-Ordner die Headerbild-Datei suchen und verändern oder ersetzen. Nun enthält das SOB-Theme aber gar kein Headerbild. Im Imageordner gibt es die Dateien
navbar.png - zuständig für die Hintergrundfarbe der Tabs
wrap.png - ist weiß, also vermutlich die Hintergrundfarbe der Textfelder
navhover.png - ändert die Farbe der Tabs beim Überfahren mit der Maus
footerlist.gif - gehört zum Footer
favicon.ico - das Adresszeilenblidchen
arrow.gif - die Pfeile vor den Menüpunkten
arrow-content - Pfeile im Content selbar
Es gibt also keine zu ersetzende Datei.
Auch verweist die header.php nicht auf solche:
<!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'); ?>" />
<meta name="distribution" content="global" />
<meta name="robots" content="follow, all" />
<meta name="language" content="en" />
<title><?php wp_title(''); ?><?php if(wp_title('', false)) { echo ' :'; } ?> <?php bloginfo('name'); ?></title>
<link rel="Shortcut Icon" href="<?php echo bloginfo('template_url'); ?>/images/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<?php wp_head(); ?>
<script type="text/javascript"><!--//--><![CDATA[//><!--
sfHover = function() {
if (!document.getElementsByTagName) return false;
var sfEls = document.getElementById("nav").getElementsByTagName("li");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//--><!]]></script>
</head>
<body>
<div id="header">
<div class="headerleft">
<h1><a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
<p><?php bloginfo('description'); ?></p>
</div>
<div class="headerright">
<ul id="nav">
<?php if (is_home()) { ?>
<li class="current_page_item"><a href="<?php echo get_option('home'); ?>">Home</a></li>
<?php } else { ?>
<li><a href="<?php echo get_option('home'); ?>">Home</a></li>
<?php } ?>
<?php wp_list_pages('title_li=&depth=4&sort_column=menu_order'); ?>
</ul>
</div>
</div>
<div style="clear:both;"></div>
<div id="wrap">Wie kriege ich das hin, dass ich ein Bild - sagen wir: header.png - hinter die Tabs kriege?
LG Martin