aktiver link hervorheben

SuMu

hallo ihr,
ich möchte, dass der aktive link immer hervorgehoben ist, auch wenn es sich um eine statische seite handelt.

wie mache ich das?
nach dieser anleitung geht das nicht:
http://www.hicksdesign.co.uk/else/cssnav/

hier geht das auch:
http://bs-markup.de/blog/index.php

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Monika

SuMu

das geht nur, wenn Du die Pages einzeln anzeigen läßt und nicht automatisch...
so ist es im Blix Theme gelöst , ändere die Namen auf Deine Bedürfnisse um und definiere die class 'selected' in Deiner Style.css..

<ul>
<li<?php if (is_home()) echo " class=\"selected\""; ?>><a href="<?php bloginfo('url'); ?>">Home</a></li>
<?php
$pages = BX_get_pages();
if ($pages) {
foreach ($pages as $page) {
$page_id = $page->ID;
$page_title = $page->post_title;
$page_name = $page->post_name;
if ($page_name == "archives") {
(is_page($page_id) || is_archive() || is_search() || is_single())?$selected = ' class="selected"':$selected='';
echo "<li".$selected."><a href=\"".get_page_link($page_id)."\">Archive</a></li>\n";
}
elseif($page_name == "about") {
(is_page($page_id))?$selected = ' class="selected"':$selected='';
echo "<li".$selected."><a href=\"".get_page_link($page_id)."\">Impressum</a></li>\n";
}
elseif ($page_name == "contact") {
(is_page($page_id))?$selected = ' class="selected"':$selected='';
echo "<li".$selected."><a href=\"".get_page_link($page_id)."\">Kontakt</a></li>\n";
}
elseif ($page_name == "about_short") {/*ignore*/}
else {
(is_page($page_id))?$selected = ' class="selected"':$selected='';
echo "<li".$selected."><a href=\"".get_page_link($page_id)."\">$page_title</a></li>\n";
}
}
}
?>
</ul>

lg

SuMu

bin etwas weitergekommen...

diese seite hat etwas geholfen.

Meine header.php sieht nun so aus:

PHP

<!-- horizontale Navigation Anfang -->
<div id="nav">
<ul id="navlist">


 <li<?php if(is_home()){echo 'class="current_page_item"';}?>><a href="<?php echo get_settings('home'); ?>" title="Startseite ">Startseite</a></li>
<!-- statische Seiten aufrufen -->
<?php wp_list_pages('title_li='); ?>
<!-- / statische Seiten aufrufen -->


<li><a href="<?php bloginfo('rss2_url'); ?>" title="RSS-Feed">
<img src="http://psychomuell.de/wp-content/themes/sumu2006_2/images/feed12x12.png" width="12" height="12" title="RSS-Feed" alt="RSS-Feed" /></a></li>
<li><a href="<?php bloginfo('atom_url'); ?>" title="Atom-Feed">
<img src="http://psychomuell.de/wp-content/themes/sumu2006_2/images/feedatom12x12.png" width="12" height="12" title="Atom-Feed" alt="Atom-Feed" /></a></li>
</ul>
</div>
<!-- / horizontale Navigation Ende -->
</div>

Alles anzeigen

Die Startseite wird nun als aktiver Link hervorgehoben, die anderen statischen Seiten, wie impressum, archiv,sitemap usw. nicht.

Kennt noch jemand einen PHP/Wp-Schnipsel, den ich da einbauen könnte?
Die Antwort von Monika ist mir zu kompliziert :(

Woodstock

Versuche es mal mit folgender Ergänzung in der style.css:

Code

.current_page_item, .current_page_item a:link, .current_page_item a:visited, .current_page_item a:hover, .current_page_item a:active {
 background: #ff00ff;
 color: #3300ff;
}

SuMu

danke dir, der aktive link ist jetzt mit einem pinkfarbenen linken Balken gekennzeichnet, es fehlt aber noch etwas....

psychomuell.de
guck bitte noch einmal, habe die css-Angaben eingebaut ...

Woodstock

Zitat von SuMu

danke dir, der aktive link ist jetzt mit einem pinkfarbenen linken Balken gekennzeichnet, es fehlt aber noch etwas....
psychomuell.de
guck bitte noch einmal, habe die css-Angaben eingebaut ...

Was fehlt denn? Wie soll er denn überhaupt hervorgehoben werden?

SuMu

vielleicht bin ich ja blind ...:mrgreen:

der aktive Link der horizontalen Menü-Leiste - soll auf statischen Seiten:

background-color:white;
color:black;
border: 2 px solid black;

hervorgehoben werden ..., ich habe es jetzt mal in Rot gemacht, damit man es besser sehen kann:psychomuell.de
Auf der Startseite sieht man den horizontalen Startseite-Link, an dem links ein roter schmaler Balken zu sehen ist....
meine CSS:

/* ---- horizontale Navigation --------- */
#nav{
margin-bottom: 0px;
width: 100%;
margin-top:5px;
}

#navlist{
border-bottom: 2px solid black;
list-style: none;
margin: 0 10px;
padding: 4px 20px;
font: bold 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#navlist li{
display: inline;
margin: 0;
padding:0px;
}

#navlist li a{
background-color: black;
border-top: 2px solid black;
border-left:2px solid black;
border-right:2px solid black;
border-bottom: none;
color: white;
margin-left: 2px;
padding: 3px 0.5em;
text-decoration: none;
}

#navlist li a:link,#navlist li a:visited {
background-color: black;
color: white;
}

#navlist li a:hover{
background: white;
border-top: 2px solid black;
border-left:2px solid black;
border-right:2px solid black;
border-bottom: none;
color: red;
}
/* aktueller Link der H-Navi hervorheben */
.current_page_item, .current_page_item a:link, .current_page_item a:visited, .current_page_item a:hover, .current_page_item a:active {
background-color: red;
color: red;
border: 2 px solid black;
}

Woodstock

Hm. So vielleicht:

Code

#navlist li a:active {
background-color:white;
color:black;
border: 2 px solid black; }

SuMu

Nein, geht leider auch nicht.
Danke für deine Hilfe, etwas sieht man ja...

Woodstock

Meine letzte Bemerkung mit dem "active" ist ja auch ziemlicher Blödsinn :|
Das Problem ist vermutlich, dass du der #navlist schon eine background-color zugewiesen hast.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

aktiver link hervorheben

Jetzt mitmachen!