hallo,
hier mal der quellcode von meiner header.php
da steht eigentlich alles dort wo es hin soll :confused:
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="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<script type="text/javascript" src="<?php echo bloginfo(stylesheet_directory) .'/js/jquery.js'; ?>"></script>
<script type="text/javascript" src="<?php echo bloginfo(stylesheet_directory) .'/js/tabs.js'; ?>"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery-1.2.1.pack.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jcycle.js"></script>
<script type="text/javascript">
$(function() {
$('.featuredpost').cycle({
fx: 'fade',
speed: 'fast',
timeout: 5000,
pause:2,
next: '#next2',
prev: '#prev2'
});
});
</script>
<!--[if IE 6]>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/ie6.css" type="text/css" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/ie7.css" type="text/css" />
<![endif]-->
<?php wp_head(); ?>
</head>
<body>
<div id="wrap">
<div id="top">
<div id="nav">
<ul class="nav">
<li class="first"><a href="<?php bloginfo('url'); ?>">Home</a></li>
<?php wp_list_pages('title_li='); ?>
</ul>
<form id="searchform" method="get" action="<?php echo $_SERVER['PHP_SELF']; ?>">
<input type="text" value="Seite durchsuchen..." name="s" id="s" onfocus="if (this.value == 'Seite durchsuchen...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Seite durchsuchen...';}" />
<input type="submit" id="sbutt" value="Suchen" /></form>
</div>
<div id="header">
<h1 class="title"><a href="<?php echo get_option('home'); ?>/"></a></h1>
</div>
<div id="nav2">
<ul class="nav2">
<?php wp_list_cats('sort_column=name&optioncount=0'); ?>
</ul>
</div>
</div>
<div id="main">und hier die css-datei:
Code
/************************************************
* Navbar *
************************************************/
#nav{
background:#000000;
height:30px;
max-height:30px;
min-height:30px;
width:950px;
clear:both;
margin:0 auto;
list-style: none;
font-family:Arial, Helvetica, sans-seriff;
}
#nav ul {
margin: 0px;
padding: 0px;
list-style: none;
}
#nav ul li a:link,#nav ul li a:active,#nav ul li a:visited {
color: #fff;
display: block;
font-size: 12px;
line-height:12px;
margin: 1px 5px 0px 0px;
padding: 8px 5px 8px 5px;
font-weight:bold;
text-transform:uppercase;
}
#nav ul li a:hover {
color:#111;
background:#b2be7b;;
}
#nav li {
float: left;
margin: 0px;
padding: 0px;
}
#nav li li {
float: left;
margin: 0px;
padding: 0px;
width: 150px;
}
#nav li li a:link, #nav li li a:active, #nav li li a:visited {
background: #b2be7b;
color: #fff;
width: 160px;
font-size: 10px;
float: none;
margin: 0px;
padding: 8px 5px 8px 5px;
text-decoration: none;
border-bottom: 1px solid #eee;
}
#nav li li a:hover {
color: #FFFFFF;
margin:0px;
text-decoration: underline;
}
#nav li ul {
position: absolute;
width: 10em;
left: -999em;
}
#nav li:hover ul {
left: auto;
display: block;
}
#nav li:hover ul, #nav li.sfhover ul {
left: auto;
}
#nav2 {
background:#990000;
height:30px;
max-height:30px;
min-height:30px;
width:950px;
clear:both;
margin:0 auto;
list-style: none;
font-family:Arial, Helvetica, sans-serif;
}
#nav2 {
margin: 0px;
padding: 0px;
list-style: none;
}
#nav2 ul {
margin: 0px;
padding: 0px;
list-style: none;
}
#nav2 a, #nav2 a:visited {
color: #fff;
display: block;
margin: 1px 0 0 0;
padding: 7px 5px 8px 5px;
font-weight:bold;
font-size:11px;
text-transform:uppercase;
}
#nav2 a:hover {
color: #fff;
margin: 1px 0 0 0;
text-decoration: none;
background:#000000;
}
#nav2 li {
float: left;
margin: 0px;
padding: 0px;
}
#nav2 li li {
float: left;
margin: 0px;
padding: 0px;
width: 150px;
}
#nav2 li li a, #nav2 li li a:link, #nav2 li li a:visited {
background: #990000;
width: 150px;
float: none;
margin: 0px;
padding: 7px 30px 7px 10px;
color: #111;
border-bottom: 1px solid #1e5d71;
}
#nav2 li li a:hover, #nav2 li li a:active {
background: #3e7c91;
padding: 7px 30px 7px 10px;
color: #fff;
}
#nav2 li ul {
position: absolute;
width: 10em;
left: -999em;
}
#nav2 li:hover ul {
left: auto;
display: block;
}
#nav2 li:hover ul, #nav2 li.sfhover ul {
left: auto;
}