Mini-Menü fixiert eingebaut

Datum: 02.02.09 | Facebook | Google+ | Twitter | Trackback     

Habe in der linken oberen Ecke ein kleines Icon-Menü eingebaut.

  1. RSS-Feed RSS Feed abonnieren
  2. Home (Startseite) home!
  3. Kontakt mail me!

Dazu in die footer.php* folgendes eingetragen:
- direkt vor dem schließenden </body>

<div id="mini-nav">
<a title="funkygog abonnieren (RSS-Feed)" href="http://blog.funkygog.de/feed/"><img src="http://blog.funkygog.de/wp-content/themes/funkygog-Theme/images/rss_icon.gif" alt="RSS Feed abonnieren" /></a>
...
</div>

*=obwohl die Icons oben angezeigt werden empfiehlt es sich den Bereich in den Footer zu platzieren, dadurch wird der Seitenaufbau (Ladezeiten) weniger gestört.

Styling Angaben style.css:

#mini-nav {
left:23px;
position:fixed;
top:37px;
width:20px;
}
#mini-nav img, a img {
margin:1px;
border:0 none;
}

Anmerkung zu position:fixed
fixed = absolute Positionierung, bezogen auf den sichtbaren Bildausschnitt im Browserfenster. Dieser Bereich bleibt beim Scrollen stehen. [mehr Infos]

Falls eine Styling für den Druckbereich vorliegt (z. B. print.css)
empfiehlt es sich das Mini-Menü im Ausdruck zu deaktivieren:

#mini-nav {
display: none;
}


Einen Kommentar hinterlassen

*=erforderliche Angaben

Auch möglich: Abo ohne Kommentar.

Innerhalb der Kategorie: WordPress-Tipps

RSS Feed abonnieren home! mail me!