Hallo,
nachdem ich jetzt schön langsam duchdrehe, wollte ich doch mal sehen, ob mir jemand einen Schubs die richtige Riochtung geben kann. Ich baue gerade ein kleines CMS, in dem ich gerne das als Menü hätte. Leider bringe ich es nicht zum laufen. So sieht meine Header.php aus:
PHP
<head><?php wp_head(); ?>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php if (is_home()) { bloginfo('name'); ?><?php } elseif (is_category('1') || is_page() ||is_single()||is_search()) { ?> <?php } ?><?php wp_title(''); ?></title>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<style type="text/css" media="screen"></style>
<script src="<?php bloginfo('url'); ?>/wp-includes/js/moo.js" type="text/javascript"></script>
<script type="text/javascript">
window.addEvent('domready', function(){
var szNormal = 117, szSmall = 100, szFull = 219;
var kwicks = $$("#kwicks .kwick");
var fx = new Fx.Elements(kwicks, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});
kwicks.each(function(kwick, i) {
kwick.addEvent("mouseenter", function(event) {
var o = {};
o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
kwicks.each(function(other, j) {
if(i != j) {
var w = other.getStyle("width").toInt();
if(w != szSmall) o[j] = {width: [w, szSmall]};
}
});
fx.start(o);
});
});
$("kwicks").addEvent("mouseleave", function(event) {
var o = {};
kwicks.each(function(kwick, i) {
o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
});
fx.start(o);
})
});
</script>
</head>
<body>
<div id="interface">
<div id="head">
</div>
<div id="menu"> <div id="kwicks_container">
<ul id="kwicks">
<?php wp_list_pages('sort_column=menu_order&title_li=&depth=1' ); ?>
</ul>
<span class="clr"><!-- spanner --></span>
</div>
</div>
Dann habe ich die entsprechenden CSS-Angaben zu style.css hinzugefügt und die einzelnen Navigationspunkte kann ich dank eines Plugins (Classy wp_list_pages) jeweils mit einer eignen ID (Seitentitel) ansprechen. Das habe ich im Stylesheet dann so verändet, dass die LI-Items den selben Namen haben wie die pages.
Woran denke ich nicht? Was ist falsch? Bitte, helft mir!
Danke, Julia