als erstes mal das objekt um das es geht: salinen-wg.de
wie man sieht habe ich statt eines headers 4 individuelle links angelegt.
nun ist mein problem, dass ich jedem link gerne 2 bilder zuordnen würde - so wie sie jetzt blau sind und beim drüberfahren rot - allerdings soll jeder link 2 eigene bilder bekommen...
über schnelle hilfe wäre ich sehr dankbar
habe gerade noch ein problem bemerkt: im IE teigt er nur schmale balken an - im mozilla dagegen die gewünschten großen flächen - bin verwirrt..
hier noch meine 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">
<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() ) { ?>
»Blog Archive
<?php } ?>
<?php wp_title(); ?>
</title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<!-- leave this for stats -->
<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'); ?>" />
<style type="text/css" media="screen">
/* BEGIN IMAGE CSS */
/* To accomodate differing install paths of WordPress, images are referred only here,
and not in the wp-layout.css file. If you prefer to use only CSS for colors and what
not, then go right ahead and delete the following lines, and the image files. */
body { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgcolor.jpg"); } <?php /* Checks to see whether it needs a sidebar or not */ if ((! $withcomments) && (! is_single())) { ?>
#page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg.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 } ?>
#header { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickheader.jpg") no-repeat bottom center; }
#footer { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickfooter.jpg") no-repeat bottom; border: none;}
/* Because the template is slightly different, size-wise, with images, this needs to be set here
If you don't want to use the template's images, you can also delete the following two lines. */
#header { margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 198px; width: 758px; }
#headerimg { margin: 7px 9px 0; height: 192px; width: 740px; }
/* END IMAGE CSS */
/* To ease the insertion of a personal header image, I have done it in such a way,
that you simply drop in an image called 'personalheader.jpg' into your /images/
directory. Dimensions should be at least 760px x 200px. Anything above that will
get cropped off of the image. */
/*
#headerimg { background: url('<?php bloginfo('stylesheet_directory'); ?>/images/personalheader.jpg') no-repeat top;}
*/
</style>
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php wp_head(); ?>
<script type="text/javascript">
function lynkVideoPop(vpsize,vpid){
url = '<?php bloginfo('url'); ?>/videopop.php?vid='+vpid+'&url=<?php bloginfo('url'); ?>';
xwidth = vpsize+110; xheight = (vpsize/1.3)+94;
lvp = window.open(url,'','top=100,left=100,status=0,location=0,width='+xwidth+',height='+xheight+'');
lvp.focus();
}
</script>
</head>
<body>
<!-- Start of StatCounter Code -->
<script type="text/javascript">
<!--
var sc_project=953734;
var sc_invisible=1;
var sc_partition=7;
var sc_security="d00398d9";
var sc_https=1;
var sc_remove_link=1;
//-->
</script>
<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js"></script>
<noscript>
<div class="statcounter"><img class="statcounter" src="https://c8.statcounter.com/counter.php?sc_project=953734&java=0&security=d00398d9&invisible=1" alt="counter hit xanga" /></div>
</noscript>
<!-- End of StatCounter Code -->
<div id="page">
<div id="header">
<div id="headerimg">
<h1><a href="<?php echo get_settings('home'); ?>">
<?php bloginfo('name'); ?>
</a></h1>
<div class="description">
<?php bloginfo('description'); ?>
</div>
</div>
</div>
<hr />
<style type="text/css" media="screen">
#supernav {
font: bold 9px/9px Verdana, Lucida Grande, Arial, Helvetica, Sans-Serif;
position: absolute;
top: 118px;
left: 50%;
width: 720px;
margin: 0 0 0 -376px;
padding: 5px 16px; /* duplicate the tab size */
text-align: left;
display: block;
}
#supernav li {
margin: 0;
padding: 0px;
text-transform: lowercase;
display: inline;
}
#supernav a {
color: #FFFFFF;
background: #63AAE7;
font-weight: normal;
height: 10px;
padding: 80px 72px;
/* round corner tab - not for IE */
-moz-border-radius-topright: 6px;
-moz-border-radius-topleft: 6px;
}
#supernav a:hover {
color: #111;
background: red;
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: #111;
background: white;
text-decoration: none;
/* round corner tab - not for IE */
-moz-border-radius-topright: 6px;
-moz-border-radius-topleft: 6px;
}
#hack {
background: white;
height: 2px;
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><a href="?cat=2" title="normen">normen</a></li>
<li><a href="?cat=3" title="peter">peter</a></li>
<li><a href="?cat=5" title="stefan">stefan</a></li>
<li><a href="?cat=8" title="mareike">mareike</a></li>
</ul>
</div>
<div id="hack"></div>
<!--
End - Top navigation bar for Wordpress default theme(Kubrick) - by www.LiewCF.com
-->