Colourful Cow
 

Layout

Das Design heisst: "Colourful Cow" und ist sehr flexibel anpassbar. Die Seite scrollt hier über den feststehenden Hintergrund. Dieses Layout haben wir mit einer Pixelbreite von 860 Pixel festgesetzt. Dieser Wert ist übrigens veränderbar, wenn sie möchten. Und zwar ganz oben in der Datei "format.css" bei #breite.

Den bunten Homepagenamen (Colourful Cow) ersetzen Sie durch Ihren und diesen können sie beliebig farbig verändern sowie auch bzgl. der Grösse anpassen, genau wie die bunten Kästchen - ganz leicht, denn alles ohne Grafikprogramm.



Technik

Der Homepagename oben (Colourful Cow) ist einfacher Text. Gestalten Sie diesen beliebig anders farbig oder ändern Sie die Schrift-Familie oder Schriftgrösse. Für die Fusszeile bieten wir Ihnen gleich 3 Felder an, welche Sie ebenfalls einfach per Text verändern können (Mike Muster/Ihre URL/Design). Seite ohne Frames. Anlegen von Links bzw. HTML-Seiten wie folgt: Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern.



Navigation

Textlinks. Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen. Das Menü ganz oben ist um einige Links erweiterbar. Schreiben Sie die Links einfach hintereinander.

Für das zweite Menü darunter gilt:

Das Menü hat 100 % (100 Prozent von in diesem Fall 860 Pixel). Innerhalb dieser Breitenangabe haben wir das Menü für Sie flexibel angelegt. (hier also: 860 Pixel = 100 Prozent). Jeder Button ist gleich breit, das wirkt optisch nett. Dieses Menü ist nur abhängig von der Länge der Textlinks, d.h. je kürzer die Linkwörter, desto mehr Links sind möglich. Im Moment sehen Sie also 6 Links mit der selben Breite je Link. Ein Link hat hier 16% (denn 6 x 16 = fast 100%). Somit können Sie auch für 8 Buttons einen Prozentwert von 12% oder für 5 Buttons eine Prozentwert von 20% oder für 7 Buttons 14% wählen. (Sie teilen also immer 100 durch die Anzahl der Buttons und runden nach unten ab).

Bei diesem Menü bleibt der Link der jeweils angewählten Seite (hier: home) konstant in anderer Farbe angezeigt. Man erkennt also jederzeit den angewählten Link bwz. die aktuelle Seite. Um das zu gewährleisten, fügen Sie bei der Tabellenzelle (td) des entsprechenden Links folgendes hinzu: id="aktuell" . Nachfolgend Sehen Sie wie es bei der Startseite (home) index.html aussieht, bei den anderen Seiten müssten Sie ähnlich verfahren.


<!-- menü oben-->
<table width="100%"id="menu1"  border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="16%"><a href="ihrlink.html"  >Kontakt</a></td>
<td width="16%"id="aktuell"><a href="index.html"  >Home</a></td>
<td width="16%"><a href="ihrlink.html"  >Anfahrt</a></td>
<td width="16%"><a href="ihrlink.html"  >Impressum</a></td>
<td width="16%"><a href="ihrlink.html"  >AGB</a></td>
<td width="16%"><a href="ihrlink.html"  >Service</a></td>
</tr>
</table>
<!-- ende menü oben-->


Die Hintergrund-Farbe des angewählten Links (hier: blau) können Sie natürlich ändern, auch die Textlink-Farbe oder die Mouseover-Farbe usw.

Die allgemeinen Links (Links im Text) sehen zur Zeit aus wie nachstehend: Um den Mouseover-Effekt anzuschauen, fahren Sie mit der Maus über den Link: Beispiel-Link


Mike Muster GmbH & Co. KG  |  Spezialstrasse 55  |  55234 Sampletown
www.ihre-webseiten-url.de
Design: ON-MOUSEOVER.DE