Hallo WP Gemeinde,
ich bin Neuling bei WP.
Ich nutze WP als reines CMS.
Möchte für statische Seiten verschiedene Header Bilder einbinden. Das Thema wurde hier schon mehrfach diskutiert. Ich weiß. Allerdings bekomme ich das Prob nicht gelöst. Vllt kann mir jemand helfen.
Hier mal miene css:
/*
Theme Name: GloriousDay
Theme URI: http://wpthemeshop.com/
Description: <a href="http://wpthemeshop.com/free-themes/" title="GloriousDay Theme">GloriousDay</a> is a free wordpress theme, released by <a href="http://wpthemeshop.com" title="WordPress Theme Shop" target="_blank">WordPress Theme Shop</a>.
Version: 1.0
{
margin:0;
padding:0;
}
body {
margin: 0;
padding: 0;
background:#E2E2E2;
font-family: Verdana,Tahoma, Arial, Serif;
line-height: 1.6em;
font-size: 10px; /* IE5 Win */
voice-family: "\"}\"";
voice-family: inherit;
font-size: 10px; /* easy scaling */
font-size: 0.76em;
color: #565656;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-family:Georgia, Tahoma, Verdana, Arial, Serif;
font-weight:normal;
color: #2e2e2e;
}
p, blockquote, ul, ol {
margin-top: 0;
padding-top: 0;
margin-bottom:0.5em;
}
a:link, a:visited {
color:#171f36;
text-decoration:none;
border-bottom:#c96 1px dotted;
}
a:hover,a:active
{
color: #6e2e2e;
text-decoration:none;
border-bottom:#c96 1px solid;
}
img.left
{
float:left;
margin:0 1em 1em 0;
}
img.right
{
float:right;
margin:0 0 1em 1em;
}
p img
{
max-width:100%;
border:#ddd 1px solid;
padding:2px;
}
img.wp-smiley, img.noborder
{
padding:0;
border:none;
}
blockquote
{
margin:1em;
padding:0 2em;
background:url(img/quote.gif) no-repeat left top;
color:#666;
font-style:italic;
}
fieldset
{
border:none;
}
dl {
margin:1em 0px;
}
dt
{
font-weight:bold;
}
dd
{
margin:0.5em 1em;
padding:0;
}
.pagenav
{
margin:0;
padding:5px 0;
text-align:right;
}
.pagenav .navleft
{
float:left;
margin:0;
padding:0;
}
/* Header */
#header
{
margin:0 auto;
background:#aaa98b;
}
/* Logo */
#logo
{
width: 880px;
margin: 0 auto;
padding:0 10px;
}
#logo h1{
padding: 10px 0 0;
font-size: 1.8em;
font-variant:small-caps;
}
#logo h2 {
padding: 0 0 10px 0;
font-size: 1em;
font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Serif;
color:#2e2e2e;
font-style:italic;
}
#logo a {
text-decoration: none;
color:#2e2e2e;
border:0;
}
#logo a:hover
{
text-decoration:underline;
}
/* Menu */
#menu
{
width: 942px;
margin: 0 auto;
padding:0;
height:30px;
line-height:30px;
}
#menu ul {
margin: 0 10px;
padding:0;
list-style: none;
}
#menu li {
display: inline;
}
#menu a
{
padding:8px 16px;
text-decoration: none;
font-size: 1em;
border:0;
color:#ddd;
background:#818052;
}
#menu a:hover,
#menu a:active,
#menu #rss a:hover,
#menu #rss a:active,
#menu li.current_page_item a:link,
#menu li.current_page_item a:visited,
#menu li.current_page_item a:hover,
#menu li.current_page_item a:active
{
background-color:#171f36;
color:#fff;
border:0;
}
#menu #rss
{
float:right;
}
#menu #rss a
{
background:#571f36 url(img/feed.png) no-repeat right;
padding:8px 25px 8px 8px;
}
/* Splash */
#splash {
background:url(img/header.jpg) no-repeat center;
height:180px;
width:900px;
margin:6px auto 0; /*Splash's redeclared in functions.php for WP 2.1 or greater */
}
/* Main */
#main {
width: 900px;
margin: 6px auto;
background:#fff url(img/bg.jpg) repeat-y center;
}
#main h2
{
padding: 4px;
font-size: 1.6em;
line-height:1.4em;
border-bottom:#ddd 1px solid;
}
#main h2 a
{
border:0;
}
#main h3
{
clear:both;
padding: 4px;
font-size: 1.6em;
line-height:1.4em;
border-bottom:#ddd 1px solid;
}
#content ul {
margin: 0.5em 0;
padding: 0 0 0 2em;
list-style-type:none;
}
#content ul li
{
margin:0.75em 0;
padding:0;
list-style-image:url(img/bullet.gif);
line-height:1.8em;
}
#main ol
{
margin:0;
padding:0 0 0 3em;
}
#main ol li
{
margin:0;
padding:3px;
}
#main .post
{
clear:both;
margin:0 0 3em;
}
#main .entry
{
clear:both;
padding:10px 5px;
}
#main .post .left
{
float:left;
margin:5px 5px 0 0;
padding:0 10px;
}
#main .post .right
{
float:right;
margin:5px 0 0 5px;
padding:0 10px;
}
#main .post .box {
text-align:center;
font-size: 0.8em;
border:#ccc 1px solid;
font-weight:bold;
background:#eee url(img/ribbed.gif);
color:#2e2e2e;
font-family: "Lucida Sans", "Trebuchet MS", Verdana, Arial, Serif;
padding:5px;
}
#main .post .box span
{
display:block;
}
#main .post .box .day
{
font-size:1.6em;
}
#main .box img
{
border:none;
padding:0;
}
#main .post .meta {
margin-bottom: 10px;
padding-left: 5px;
font-size: 0.9em;
color:#999;
}
#main .post .comments
{
clear:both;
font-size:0.9em;
border-bottom:#ccc 1px dotted;
color:#999;
margin-left:5px;
padding-left:15px;
background:url(img/icon_comments.gif) no-repeat left center;
}
#main .post .comments a
{
border-bottom:0px;
}
ul.authorposts
{
margin:0;
padding:0 2em;
}
ul.authorposts li
{
margin:0;
padding:5px;
}
ul.authorposts li em
{
float:right;
font-style:normal;
}
/* Content */
#content {
float: left;
width: 470px;
padding:10px;
}
/* Column Two */
#sidebar1 {
float: left;
width: 180px;
padding: 15px 5px 0 15px;
font-size:0.9em;
margin:5px;
}
/* Column Three */
#sidebar2 {
float: right;
width: 160px;
padding: 15px 5px 0 10px;
font-size:0.9em;
margin:5px;
}
#main .sidecol ul
{
margin:0;
padding:0;
}
#main .sidecol li
{
margin:0;
padding:0;
list-style:none;
margin-bottom:2em;
}
#main .sidecol h2, #main .sidecol h3
{
padding: 0 0 5px;
font-variant:small-caps;
font-size:1.4em;
}
#main .sidecol p, #main .sidecol form
{
padding:10px;
margin:0;
}
#main .sidecol ul ul
{
margin:10px 0 0 20px;
padding:0;
}
#main .sidecol ul ul ul
{
margin:0px 0 0 10px;
padding:0;
}
#main .sidecol li li
{
list-style-image:url(img/bullet.gif);
margin:5px 0;
padding:0;
}
/* Begin Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
text-decoration:none;
}
#wp-calendar #today
{
border:#999 1px solid;
}
#wp-calendar caption {
text-align: center;
width: 100%;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; }
/* End Calendar */
/* Comments */
input.textbox
{
border:#ccc 1px solid;
background:#f9f9f9;
font:1em Verdana, Arial, Serif;
padding:5px;
width:150px;
}
textarea{
width: 95%;
padding:5px;
border: 1px solid #ccc;
background:#f9f9f9;
font:1em Verdana, Arial, Serif;
line-height:1.6em;
}
input.textbox:focus, textarea:focus
{
background:#fff;
border:#999 1px solid;
}
#commentform
{
margin:0;
padding:10px;
background:#fff;
}
#main .commentlist {
margin: 0;
padding: 0;
}
Und hier meine header.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/1">
<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo('charset'); ?>" />
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats please -->
<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="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 //comments_popup_script(); // off by default ?>
<?php wp_head(); ?>
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="<?php bloginfo('siteurl'); ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a></h1>
<h2><?php bloginfo('description');?></h2>
</div>
<div id="menu">
<ul>
<?php if (function_exists('pixopoint_menu')) {pixopoint_menu();}?>
</ul>
</div>
</div>
<div id="splash"></div>
Vllt kann mir jemand mit Code behilflich sein!
Ich habe eine statische Seite /Fiat mit der ID 17
Hier soll das Bild header_fiat-jpg gezeigt werden!
Danke schon einmal im Voraus!
Gruß