Meine Server

siehe rechts

Alles hier drunter ist noch nicht relevant

Nach Klick auf einen Link in den Menüs wird der runde Schalter in einer anderen Farbe angezeigt, so daß man noch besser weiß, auf welcher Seite man sich gerade befindet.

Für das Menü ganz oben sieht der Quelltext dafür so aus (in der Datei menue.css): 
/* konstanter link menü1*/
#menu1 #aktuell a  {
color:#fff;
text-decoration:none ;
background:transparent;
background-image:url(images/bullet_small.png);
background-repeat:no-repeat;
background-position:6px 50%;
Aufgerufen wird die CSS-Klasse (hier: id="aktuell") dann in der HTML-Datei wie folgt (Im Beispiel für den Link namens "Home"): 
<div id="menu1">
<ul>
<li id="aktuell"><a href="index.html">Home</a></li>
<li><a href="index2.html"  >Index 2</a></li>
<li><a href="index3.html"  >Index 3</a></li>
<li><a href="index4.html"  >Index 4</a></li>
<li><a href="index5.html"  >Index 5</a></li>
</ul>
</div>
Für den Link "index2" schaut es in der HTML-Datei dann so aus: 
<div id="menu1">
<ul>
<li><a href="index.html">Home</a></li>
<li id="aktuell"><a href="index2.html">Index 2</a></li>
<li><a href="index3.html"  >Index 3</a></li>
<li><a href="index4.html"  >Index 4</a></li>
<li><a href="index5.html"  >Index 5</a></li>
</ul>
</div>
Sie müssen also nur im HTML-Bereich die CSS-Klasse auf das entsprechende Listenelement (li) setzen. Wir haben für alle Menüs diese konstanten Link bereits in der Datei menue.css angelegt. Sie müssen jeweils nur die kleine Änderung in der HTML-Datei wie vorstehend beschrieben, vornehmen.

Konstanter Link für alle anderen Menüs

Wir geben Ihnen ein Beispiel für das Menü in der rechten Spalte: 
<div id="menu3">
<h3 class="header_sidebox">Sightseeing</h3>
<ul>
<li id="aktuell"><a href="index.html" >Frieden</a></li>
<li><a href="index.html" >Berlin</a></li>
<li><a href="index.html" >Rom</a></li>
<li><a href="index.html" >Weitere Links</a></li>
</ul>
</div>
Hier wurde also in der HTML-Datei der erste Link namens FRIEDEN konstant gesetzt.


Zurück

Sie befinden sich auf der Seite index2.html. Hier geht es zurück zur Startseite index.html


Weiter und Info

Hier geht es weiter zur Seite index3.html. Wir erklären Ihnen dort, wie Sie die Rundungen im Design ändern können.

Wie schon gesagt, Sie können auch die Links im oberen horizontalen Menü klicken, wir haben es ja komplett verlinkt. Es sind die Links index (Home), index2, index3, index4 und index5.

Der Link index6 im vertikalen Menü oben ist auch klickbar und zeigt die Seite index6.html.
Firma
Mike Muster GmbH & Co. KG
Spezialstrasse 55
55234 Sampletown
Firma
Peter Bachmann GmbH & Co. KG
Spezialstrasse 55
55234 Sampletown


www.bachmannpeter.de
Nach oben