Update: Das Problem hat sich inzwischen gelöst - siehe unten. Ich lasse als Beispiel dennoch mal alles so stehen.
Ich poste hier mal die relevanten Teile aus meiner CSS und meinen Header. Vermutlich muss ich beides irgendwie zusammenbringen, um die wechselnden Bilder zu erreichen - aber ich weiss nicht wie. Den CSS-Code einfach in den Header kopierten, wie unter texto vorgeschlagen, klappt jedenfalls nicht, dann verschiebt sich die ganze Seite.
Ich hoffe sehr, jemand kann mir helfen.
Unter BILD DIR DEINEN BERUF! - Simone Janson sieht man, dass ich headerbilder zumindest für Seiten ausschließen kann
Aber wie definiere ich andere Header-Bilder? Irgendwas las ich gestern mit in der function.php festlegen. Dort ist bei mir bislang nur die Anzahl der Sidebars festgelegt.
Ich hoffe, jemand hat eine Idee.
Schonmal danke im Voraus.
Simone BILD DIR DEINEN BERUF! - Simone Janson
Erstmal den Header (hier findet man auch den Code, mit dem ich die Tagcloud in den Header gepackt habe - falls das jemand auch machen möchte.
<!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">
<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, sv" />
<?php load_theme_textdomain('vertigo'); ?>
<title><?php wp_title(''); ?><?php if(wp_title('', false)) { echo ' :'; } ?> <?php bloginfo('name'); ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<!-- leave this for stats please -->
<link rel="Shortcut Icon" href="<?php bloginfo('template_directory'); ?>/images/favicon.ico" type="image/x-icon" />
<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 wp_head(); ?>
<style type="text/css" media="screen">
<!-- @import url( <?php bloginfo('stylesheet_url'); ?> ); -->
</style>
</head>
<body>
<div id="headerbild" style="background: url('<?php
bloginfo('stylesheet_directory');
if (is_page('13')) {
echo "/images/header.jpg";
} elseif (is_page('1')) {
echo "/images/header.jpg";
} elseif (is_home()) {
echo "";
} elseif (is_category()) {
echo "";
} elseif (is_single()) {
echo "";
} elseif (is_tag()) {
echo "";
} elseif (is_search()) {
echo "";
} else {
echo "/images/header.jpg"; }
?>');background-position:50%0%;background-repeat:no-repeat;position:relative;height:228px;margin:0auto0auto;padding:15px015px0;">
<div class="nav">
<div id="navbar">
<div id="navbarleft" onclick="location.href='<?php echo get_settings('home'); ?>';" style="cursor: pointer;">
</div>
<div id="navbarright">
<ul>
<a href="<?php echo get_settings('home'); ?>"><?php _e('Home','vertigo')?></a>
<?php wp_list_pages('title_li=&depth=1'); ?></a>
</ul>
</div>
<div id="tagcloud">
<?php if (is_home()) wp_tag_cloud('smallest=9&largest=18&number=o&orderby=name&order=desc'); ?>
<?php if (is_single()) wp_tag_cloud('smallest=9&largest=18&number=o&orderby=name&order=desc'); ?>
<?php if (is_category()) wp_tag_cloud('smallest=9&largest=18&number=o&orderby=name&order=asc'); ?>
<?php if (is_tag()) wp_tag_cloud('smallest=9&largest=18&number=o&orderby=name&order=asc'); ?>
<?php if (is_search()) wp_tag_cloud('smallest=9&largest=18&number=o&orderby=name&order=asc'); ?>
</div>
</div>
</body>
Alles anzeigen
und nun den Teil der CSS
/************************************************
* Navbar *
************************************************/
#navbar{
background: #FFFFFF url(images/header.jpg);
width: 957px;
height: 228px;
margin: 0px auto 0px;
padding: 0px;
overflow: hidden;
}
#navbar img a{
margin: 0px;
border: none;
}
#navbarright {
width: 950px;
float: left;
text-align: left;
margin: 0px;
padding: 0px 0px 0px 0px;
}
#navbarright li {
display: inline;
list-style-type: none;
margin: 0px;
padding: 0px;
}
#navbarright ul {
margin: 0px;
padding: 15px;
}
#navbarright a, #navbarright a:visited {
color: #FFFFFF;
font-family: Arial;
font-weight: bold;
font-size: 15px;
margin: 0px;
padding: 10px 9px 10px 6px;
text-decoration: none;
}
#navbarright a:hover { color: #FFFFFF;
font-weight: bold;
text-decoration: underline;
}
Alles anzeigen
