Frage zur Anpassung einer CSS Navigation

Holger71

Hallo allerseits,

ich hab eine Frage zur Anpassung der CSS Navigation oben rechts neben dem Logo auf w3Projekt.com -

Der Hover Effekt funktioniert soweit aber wie ist es realisierbar, das die jeweils aufgerufene Kategorie dann in dem Hover-Effekt dargestellt wird? Also das zB wenn ich auf Computertechnik klicke und die Kategorie dann angezeigt wird der Link dann als aktiver Link so wie bei mouseover dargestellt ist.

der Code:

CSS

#navcontainer
{
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
border-top: 0px solid #999;
z-index: 1;
width:600px;
line-height:1em;
position:absolute; top:155px !important; left:540px !important;
}


#navcontainer ul
{
list-style-type: none;
text-align: center;
margin-top: -8px;
padding: 0;
position: relative;
z-index: 2;
}


#navcontainer li
{
display: inline;
text-align: center;
margin: 0 5px;
}


#navcontainer li a
{
padding: 1px 7px;
color: #666;
background-color: #fff;
border: 1px solid #ccc;
text-decoration: none;
}


#navcontainer li a:hover
{
color: #000;
border: 1px solid #666;
border-top: 2px solid #666;
border-bottom: 2px solid #666;
}


#navcontainer li a#current
{
color: #000;
border: 1px solid #666;
border-top: 2px solid #666;
border-bottom: 2px solid #666;
}

Alles anzeigen

Vielleicht hat ja jemand einen Rat wie ich das umsetzen kann....

Danke Holger

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

copy and paste aus meiner headernavi

PHP

<li <?php if (is_home()) 
      echo " id=\"current\""; ?>><a href="<?php bloginfo('url'); ?>/"  title="Home, zur Startseite" >Home</a></li>
<li <?php if (is_page('impressum-und-haftungsausschluss')) 
      echo " id=\"current\""; ?>><a href="<?php bloginfo('url'); ?>/impressum-und-haftungsausschluss/"  title="Impressum, Datenschutz,  Nutzungsbedingungen ...">Rechtliches</a></li>
<li <?php if (is_page('email-kontakt')) 
      echo " id=\"current\""; ?>><a href="<?php bloginfo('url'); ?>/email-kontakt/"  title="Kontakt, Email, Skype -reden wir miteinander">Kontakt</a></li>
<li><a rel= href="<?php bloginfo('url'); ?>/feed/"  title="RSS Feed, diesen Link kopieren und in ihren RSS Reader einf&uuml;gen">RSS</a></li>

ist es eine Kategorie, dann statt is_page is_category('computertechnik')

mit der id current kannst es dann gestalten,
wenn ich Dich verstand

lg

Holger71

Ich habe das mal so versucht, jedoch bekomme ich dann nur noch eine weiße Startseite ohne Inhalt.

Meine Änderung:

PHP

<div id="navcontainer">
<ul id="navlist">
<li <?php if (is_category('computertechnik'))) 
      echo " id=\"current\""; ?>><a href="http://w3projekt.com/blog/computertechnik">Computertechnik</a></li>
<li <?php if (is_category('informationstechnik'))) 
      echo " id=\"current\""; ?>><a href="http://w3projekt.com/blog/informationstechnik">Informationstechnik</a></li>
<li <?php if (is_category('mac-news'))) 
      echo " id=\"current\""; ?>><a href="http://w3projekt.com/blog/mac-news">MAC News</a></li>
<li <?php if (is_category('technologie'))) 
      echo " id=\"current\""; ?>><a href="http://w3projekt.com/blog/technologie">Technologie</a></li>
<li <?php if (is_category('netzwelt'))) 
      echo " id=\"current\""; ?>><a href="http://w3projekt.com/blog/netzwelt">NetzWelt</a></li>
</ul>
</div>

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Frage zur Anpassung einer CSS Navigation

Jetzt mitmachen!