Image Links - aktiver Zustand

Hallo, soweit ich weiß, kann man sich eine navi automatisch erstellen lassen wenn man folgendes in sein template einbaut:

Zitat

<ul id="menu">
<?php wp_list_pages('sort_column=menu_order&title_li=&number=6&include=2,3,4'); ?>
</ul>

wobei man per number angibt wieviele seiten gezeigt werden sollen
und per include explizit die id-nummern angibt, welche gezeigt werden sollen ( falls nicht alle gezeigt werden sollen)
du kannst dann im css zu deiner navigationsclasse hinzufügen:
current_page_item - das bezieht sich auf die aktuelle seite
am besten du gibst das (current_page_item) mal in google ein und liesst alles was du findest ...ich kann es dir nicht besser erklären - ist nur ein Tipp - sicher fehlt vieles von dem, was man noch alles berücksichtigen muss - aber vielleicht kommst du ja trotzdem weiter :-)

Lies hier weiter:
http://de.selfhtml.org/css/eigenschaf…us_hover_active

aktiv geht nicht ohne php ....

hier mal schnell einen anregung

->

<li id="test"><a href="<?php echo get_option('home'); ?>/test" <?php if (is_category('test') || in_category('test') ) echo 'class="aktiv"'; ?>> <span>shootcontact</span></a></li>

a:hover -> die grafik verschieben oder wechseln.

a.aktiv -> die grafik verschieben oder wechseln

entscheident ist die php abfrage ob du in der category test bist, wenn ja dann setzt er die classe auf aktiv.

bei page analog

so long

tschramm

Das solltest du hinbekommen:

Zitat

#[COLOR=#000000][COLOR=#dd0000][COLOR=black]mainnav[/COLOR] [/COLOR][/COLOR]li.selected a{
Hier das mouse-over Bild
}

Ich schätze mal, das Problem liegt darin, dass du mit mouseover Bilder im Vordergrund beeinflusst, mit css Bilder im Hintergrund.

Wenn du mit mouseover (html) arbeiten willst kannst du hier weitere Möglichkeiten finden: http://de.selfhtml.org/html/attribute….htm#uebersicht

Wenn mit a:hover usw. (css) arbeiten willst, musst du wechselnde Hintergrundgrafiken einsetzen. http://de.selfhtml.org/css/eigenschaf…us_hover_active

Hier hab ich was in css: http://muehltalrestaurant.de

in der index.php oder header.php das hängt von deinem theme ab

Zitat

<div id="navcontainer">
<ul>
<?php wp_list_pages('sort_column=menu_order&title_li=&exclude='); ?>
</ul>
</div>

in der style.css:

Zitat

#navcontainer {
position:relative;
top:0px;
right:0px;
height: 116px;
background-image:url(images/bg_navi.jpg);
font-size: 90%;
font-family: 'Lucida Grande', verdana, sans-serif;
text-align:center;
border: 1px solid white;
}

#navcontainer ul{
margin-top:10px;
}

#navcontainer li {
display: inline;
float:right;
padding:0px;
width: 86px;
}

#navcontainer li.page_item a {
float:right;
padding: 40px 0px 0px 0px;
width: 86px;
height:56px;
margin-top:0px;
color: #5657b4;
text-decoration: none;
font-weight: bold;
background-image:url(images/taste2.jpg);
background-repeat:no-repeat;
}

#navcontainer li.page_item a:hover {
background-image:url(images/taste1.jpg);
background-repeat:no-repeat;
}

#navcontainer li.current_page_item a {
background-image:url(images/taste1.jpg);
background-repeat:no-repeat;
}

Alles anzeigen

Sorry, nein

Doch es ist möglich!

In Wordpress bekommt ein Link immer ein Page-Item-# und wenn
er aktiv ist zusätzlich ein Current-Page-Item Du kannst also in
CSS in etwa so vorgehen:

.Page-Item-2{
    /* Nicht aktives Bild für Page 2*/
}
.Page-Item-2 .Current-Page-Item{
    /* Aktives Bild Page 2 */
}
.Page-Item-3{
    /* Nicht aktives Bild für Page 3*/
}
.Page-Item-3 .Current-Page-Item{
    /* Aktives Bild für Page 3 */
}

Der Nachteil ist das du jeden Link immer per Hand
in die CSS eintragen musst, oder aber ein Plugin
baust das das CSS erst zur laufzeit generiert!

--- EDIT ---
Für die korrekte Auszeichnung der Links musst du mal
in deinen Quelltext gucken wie die genaue CSS
Beschreibung der Links ist!

LG Sandro