Hallo, in meinem Blog http://www.webkonsum.net/ möchte ich die oben zu sehenden Reiter, sind reiter habe sie nur dem Hintergrund passend eingefärbt, derart gestalten das sich eine verkleinerung des Header-Bildes drunter befindet. wenn ich also auf einen der Reiter klicke das er sich passend zu Farbe des Headers verändert. Wie ist das zu bewerkstelligen?
Hier mal der code vom header:
<!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'); ?>" />
<title><?php wp_title(); ?> <?php bloginfo('name'); ?></title>
<meta name="generator" content="WordPress.com" />
<style type="text/css" media="screen">
@import url( <?php bloginfo('stylesheet_url'); ?> );
</style>
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_head(); ?>
</head>
<body>
<div id="wrapper">
<div id="content">
<div id="hode">
<h4><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('title'); ?></a></h4>
<span><?php bloginfo('description'); ?></span>
</div>
<style type="text/css" media="screen">
#supernav {
-x-system-font:none;
display:block;
font-family:Sans-Serif,Lucida Grande,Arial,Helvetica,Sans-Serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
left:50%;
line-height:8px;
margin:0 0 0 -521px;
padding:0px 392px;
position:absolute;
text-align:left;
top:173px;
width:704px;
}
#supernav li {
margin: 0;
padding: 0;
text-transform: lowercase;
display: inline;
}
#supernav a {
color: #000000;
background: #ffffff;
font-weight: bold;
height: 19px;
padding: 5px 16px;
/* round corner tab - not for IE */
-moz-border-radius-topright: 6px;
-moz-border-radius-topleft: 6px;
}
#supernav a:hover {
color: #111;
background:url(imagenes_qwilm/linie.jpg) ;
text-decoration: none;
/* round corner tab - not for IE */
-moz-border-radius-topright: 6px;
-moz-border-radius-topleft: 6px;
}
#supernav .current_page_item a {
color: #8a0202;
background: transparent none repeat scroll 0 0;
text-decoration: none;
/* round corner tab - not for IE */
-moz-border-radius-topright: 6px;
-moz-border-radius-topleft: 6px;
}
#hack {
background: white;
height: 0px;
width: 450px;
display: inline;
position: absolute;
top: 220px;
left: 50%;
margin: 0 0 0 -350px;
padding: 0;
z-index: 2;
}
</style>
<?php //highlight 'Blog' if not Page
if (is_page()) {
$highlight = "page_item";
} else {
$highlight = "page_item current_page_item";
}
?>
<div>
<ul id="supernav">
<li class="<?php echo $highlight; ?>"><a href="<?php echo get_settings('home'); ?>">Blog</a></li>
<?php wp_list_pages('title_li='); ?>
</ul>
</div>
<div id="hack"></div>