Es hilft mir bedinkt. Einerseits würde es damit wohl klappen und genau das reallisieren, was ich beabsichtige. Doch andererseits, weiß ich nicht genau, wo ich es einfügen soll, damit es da erscheint, wo es beabsichtigt ist.
Ich habe den Code jetzt wie folgt eingefügt, wobei ich meinen kompletten Header.php-Code angebe:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><?php function wp_initialize_the_theme() { if (!function_exists("wp_initialize_the_theme_load") || !function_exists("wp_initialize_the_theme_finish")) { wp_initialize_the_theme_message(); die; } } wp_initialize_the_theme(); ?>
<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 if(wp_title('', false)) { echo ' |'; } ?> <?php bloginfo('name'); ?></title>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/screen.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/print.css" type="text/css" media="print" />
<!--[if IE]><link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/ie.css" type="text/css" media="screen, projection"><![endif]-->
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<?php if(get_theme_option('featured_posts') != '' && is_home()) {
?>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/jdgallery/jd.gallery.css" type="text/css" media="screen" charset="utf-8" />
<script src="<?php bloginfo('template_directory'); ?>/jdgallery/mootools-1.2.5-core-yc.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_directory'); ?>/jdgallery/mootools-1.2-more.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_directory'); ?>/jdgallery/jd.gallery.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_directory'); ?>/jdgallery/jd.gallery.transitions.js" type="text/javascript"></script>
<?php } ?>
<!--[if IE 6]>
<script src="<?php bloginfo('template_url'); ?>/js/pngfix.js"></script>
<![endif]-->
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<script src="<?php bloginfo('template_directory'); ?>/menu/mootools-1.2.5-core-yc.js" type="text/javascript"></script>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/menu/MenuMatic.css" type="text/css" media="screen" charset="utf-8" />
<!--[if lt IE 7]>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/menu/MenuMatic-ie6.css" type="text/css" media="screen" charset="utf-8" />
<![endif]-->
<!-- Load the MenuMatic Class -->
<script src="<?php bloginfo('template_directory'); ?>/menu/MenuMatic_0.68.3.js" type="text/javascript" charset="utf-8"></script>
<?php echo get_theme_option("head") . "\n"; wp_head(); ?>
</head>
<body>
<script type="text/javascript">
window.addEvent('domready', function() {
var myMenu = new MenuMatic();
});
</script>
<div id="wrapper">
<?php
$result_random=rand(1, 99);
if($result_random<=33){ ?>
<div id="header" style="background:transparent url(images/1.jpg) no-repeat top center;">
<?php }
elseif($result_random<=66){ ?>
<div id="header" style="background:transparent url(images/2.jpg) no-repeat top center;">
<?php }
elseif($result_random<=99){ ?>
<div id="header" style="background:transparent url(images/3.jpg) no-repeat top center;">
<?php } ?>
<!-- Header code goes here -->
</div>
<div id="container" class="container">
<div class="span-24">
<div class="span-21">
<div id="pagemenucontainer">
<?php
if(function_exists('wp_nav_menu')) {
wp_nav_menu( 'depth=1&theme_location=menu_1&menu_id=pagemenu&container=&fallback_cb=menu_1_default');
} else {
menu_1_default();
}
function menu_1_default()
{
?>
<ul id="pagemenu">
<li <?php if(is_home()) { ?> class="current_page_item" <?php } ?>><a href="<?php echo get_option('home'); ?>/">Home</a></li>
<?php wp_list_pages('depth=1&sort_column=menu_order&title_li=' ); ?>
</ul>
<?php
}
?>
</div>
</div>
<div class="span-3 feedtwitter last">
<a href="<?php bloginfo('rss2_url'); ?>"><img src="<?php bloginfo('template_url'); ?>/images/rss.png" style="margin:0 4px 0 0;" /></a>
<?php if(get_theme_option('twitter') != '') { ?><a href="<?php echo get_theme_option('twitter'); ?>" title="<?php echo get_theme_option('twittertext'); ?>"><img src="<?php bloginfo('template_url'); ?>/images/twitter.png" style="margin:0 4px 0 0; " title="<?php echo get_theme_option('twittertext'); ?>" /></a><?php } ?>
</div>
</div>
<div id="header" class="span-24">
<div class="span-12">
<?php
$get_logo_image = get_theme_option('logo');
if($get_logo_image != '') {
?>
<a href="<?php bloginfo('url'); ?>"><img src="<?php echo $get_logo_image; ?>" alt="<?php bloginfo('name'); ?>" title="<?php bloginfo('name'); ?>" class="logoimg" /></a>
<?php
} else {
?>
<h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
<h2><?php bloginfo('description'); ?></h2>
<?php
}
?>
</div>
<div class="span-12 last">
<div style="padding: 26px 0 0 0; text-align:right;">
<?php echo get_theme_option('ad_header'); ?>
</div>
</div>
</div>
<div class="span-24">
<div id="navcontainer">
<?php
if(function_exists('wp_nav_menu')) {
wp_nav_menu( 'theme_location=menu_2&menu_id=nav&container=&fallback_cb=menu_2_default');
} else {
menu_2_default();
}
function menu_2_default()
{
?>
<ul id="nav">
<li <?php if(is_home()) { echo ' class="current-cat" '; } ?>><a href="<?php bloginfo('url'); ?>">Home</a></li>
<?php wp_list_categories('depth=3&exclude=1&hide_empty=0&orderby=name&show_count=0&use_desc_for_title=1&title_li='); ?>
</ul>
<?php
}
?>
</div>
</div>
Alles anzeigen
Und hier der Anfang der style.css Datei, wobei ich den normalen Header ausgeschaltet habe:
/* LAYOUT */
body {
background: #F9F4FC url(images/bg.png) top left repeat-x;
}
#wrapper {
/* --- ausgeschaltet ---
background: url(images/1.jpg) center top no-repeat;
*/
}
#container {
}
#contentwrap {
background: #E6E4E7;
}
a {
color: #8DAB05;
}
a:hover {
color: #F2540E;
}
/* HEADER */
[...]
Alles anzeigen
Ich habe den php-code für den Zufallsheader einmal in der dev-klasse von "wrapper" geschrieben und einmal versuchsweise direkt nach <body>. Beide Male kam dasselbe Ergebnis raus, wie man es unten bei den Screenshots sehen kann. Vielleicht setze ich ihn nur an der verkehrten Stelle. Ich weiß es nicht. Jedoch sollte sich das Tempalte im Header Bereich nicht so verziehen, wie bei den Bildern unten zu sehen ist.
Ich hoffe, man kann mir weiterhelfen~
Hier die Seite mit eigefügten Code im Header.php:
http://s14.directupload.net/file/u/23390/dgzz4y6t_jpg.htm
Hier die Originalseite:
http://s14.directupload.net/file/u/23390/4n7qya3z_jpg.htm