CSS Click Menü - Website X5 Hilfe - Die Helpsite

Direkt zum Seiteninhalt

Hauptmenü:

CSS Click Menü

Scripte > Menü Navigation


Ein ganz einfaches CSS Menü (UTF-8).

Das ist ein einfaches vertikales Menü, das man als zusätzliches Click-Menü einsetzen kann.
Hier sind 2 Varianten zur Einbindung erläutert. Sollte dieses Menü als Gleiches auf mehreren Seiten eingesetzt werden,  empfiehlt sich die Variante 2, um Änderungen nur in einer Datei durchführen zu müssen.
In der Zip-Datei befindet sich ein Verzeichnis "cs_click-menu", das so übernommen werden kann. Zusätzlich befinden sich im Unterverzeichnis "img" 10 GIF-Dateien zur Auswahl des Templates. Die Anpassung des Menüs erfolgt dann in der Datei "menu_style.css" im Hauptverzeichnis.


Code für den HEAD-Bereich:


<link rel="stylesheet" type="text/css" href="cs_click-menu/menu_style.css" />



Variante 1


Code für das HTML-Objekt:

<div id="menu">
<ul>
<li><a href="#">Hauptmenü 1</a></li>
<li><a href="#">Hauptmenü 2</a></li>
<li><a href="#">Hauptmenü 3</a></li>
<li><a href="#">Hauptmenü 4</a></li>
<li><a href="#">Hauptmenü 5</a></li>
<li><a href="#">Hauptmenü 6</a></li>
<li><a href="#">Hauptmenü 7</a></li>
<li><a href="#">Hauptmenü 8</a></li>
<li><a href="#">Hauptmenü
9</a></li>
</ul>
</div>



Variante 2

Code für das HTML-Objekt:


<? include "cs_click-menu/index.html"; ?>


Code der CSS-Datei (menu_style.css):


#menu {
      width: 200px;
      margin-top: 10px;
      }

#menu li a {
      text-decoration: none;
      height: 32px;
      voice-family: "\"}\"";
      voice-family: inherit;
      height: 24px;
      }

#menu li a:link, #menu li a:visited {
      color: #000000;
      display: block;
      background: url(img/menu_08.gif);
      padding: 8px 0 0 20px;
      }

#menu li a:hover, #menu li #current {
      color: #257EB7;
      background: url(img/menu_08.gif) 0 -32px;
      padding: 8px 0 0 25px;
      }

#menu li a:active {
      color: #fff;
      background: url(img/menu_08.gif) 0 -64px;
      padding: 8px 0 0 25px;
       }


Feedbacks zu ""

es gibt insgesamt 1 Kommentar(e)


  1. TT schreibt am 28.07.2014, 10.38 Uhr

    Hallo, ja aber wo kommen die Dateien hin? Wo wird das hoch geladen? Wie kann das auf die ganze Seite angewand werden?
    Admin-Antwort: Steht doch alles da. Der Ordner "cs_click-menu" gehört ins Root-Verzeichnis auf den Server. Habe Dir dazu noch eine separate Mail gesendet.


Name*
Vorname
Kommentar*
Email *
Homepage
Telefon
Sicherheitscode *
 
Logo HTML5
Button Spenden

© 2009 - 2018




  Besucher Statistik
 » 9 Online
 » 90 Heute
 » 2061 Woche
 » 4778 Monat
 » 59321 Jahr
 » 305899 Gesamt
Rekord: 1420 (10.04.2014)
Zurück zum Seiteninhalt | Zurück zum Hauptmenü