Code
header.php
PHP
<body>
<div id="nav">
<div class="container_nav">
<div class="nav">
<ul id="Navigation">
<?php wp_list_pages('title_li='); ?>
</ul>
</div>
</div>
</div>style.css
Code
* {
margin:0;
padding:0;
}
body{
color: #444;
background: #292929 url(./images/body-background.jpg) repeat left top;
}
/*--------------------textgestaltung--------------------*/
.clear::after, li.comment::after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/*--------------------linkgestaltung--------------------*/
a img,:link img,:visited img { border: none; }
:focus { outline: 0; }
address { font-style: normal; }
a:link, a:visited { color: #285a86; }
.entry a:link, .entry a:visited { font-weight: bold; }
a:hover { color: #1a3d5c; }
a:link {
color: #fff;
}
a:visited {
color: #fff;
}
a:link:hover,
a:visited:hover {
border-bottom: 1px solid;
text-decoration: none;
}
/*--------------------bilder als links--------------------*/
a:link:hover,
a:visited:hover {
border-bottom: 0px solid;
text-decoration: none;
}
/*----------------------------------------header----------------------------------------*/
#logo {
height:300px;
}
.container_logo {
width:1000px;
margin:auto;
}
.logo {
height:300px;
width:800px;
margin-left:100px;
margin-right:100px;
background:url(./images/logo.png);
}
#nav {
height:50px;
background-color:#141414;
}
.container_nav {
width:1000px;
margin:auto;
}
.nav {
height:50px;
background-color:#141414;
position:relative;
}
.nav li {
list-style:none;
float:left;
}
.nav li a {
display:block;
float:left;
height:50px;
line-height:50px;
text-align:center;
cursor:pointer;
padding-left:25px;
padding-right:25px;
}
.nav li ul li a {
float: none;
}
.nav li.current_page_item a {
background-color:#222;
}
.nav li a:hover {
background-color:#333;
}
.nav li.current_page_item a:hover {
background-color:#FFF;
}
ul#Navigation li>ul {
display: none;
}
ul#Navigation li:hover>ul, ul#Navigation li>a#aktuell+ul {
display: block;
float: none;
}
/*----------------------------------------footer----------------------------------------*/
#footer {
height:auto;
clear:both;
background-color:#141414;
color:#BBB;
padding:25px 0px;
margin-top:25px;
display:block;
}
.container_footer {
width:1000px;
margin:0px auto;
}
.container_footer h2 {
border-bottom: 1px dotted #333;
color:white;
padding-bottom:4px;
}
.container_footer p {
margin:15px 0px;
}
.footer_left {
width:300px;
float:left;
margin-left:25px;
}
.footer_middle {
width:300px;
float:left;
margin-left:25px;
}
.footer_middle ul {
list-style:none;
}
.footer_middle ul li ul {
margin-left: 5px;
list-style:none;
}
.footer_middle ul li { padding: 1px 0; }
.footer_middle ul li ul li { padding: 1px 0 0 0; }
.footer_right {
width:300px;
float:right;
margin-left:25px;
margin-right:25px;
}
.footer_right input.search {
padding: 5px 2px;
width: 180px;
border: 1px solid #AAA;
}
/*----------------------------------------copyright----------------------------------------*/
#copyright {
height:50px;
clear:both;
color:#BBB;
}
.container_copyright {
width:1000px;
height:50px;
margin:auto;
}
.copyright_left {
height:50px;
float:left;
margin-left:25px;
line-height:50px;
}
.copyright_right {
height:50px;
float:right;
text-align:right;
margin-right:25px;
line-height:50px;