 |
|
Layout.
Dieses Design heisst " Revolver ".
Highlight ist hier das transparente Grafiklink-Menü - hinter welchem die Revolver-Grafik liegt - mit bereits für Sie angelegtem Mouseover-Effekt.
Technik.
Seite ohne Frames.
Die Fusszeile unten sowie oben der Homepagename sind als einfacher Text einzutragen.
Anlegen von Links bzw. HTML-Seiten wie folgt: Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern.
Navigation.
Menü 1:Grafik-Links.
Oben sehen Sie ein horizontales (waagerechtes) Menü, welches aber senkrecht angeordnet ist - hier müssen Sie die Buttons im Grafikprogramm beschriften. Wie das aussehen könnte, sehen Sie anhand der Beispielgrafik. Die Mouseover für dieses Menü sind bereits fertig angelegt. Fahren Sie mit der Maus über die 7 Links. Für die Ausgangs-Buttons habe ich mir folgende Technik ausgedacht: Es gibt hier keine 7 Buttons, sondern die Buttons sind Bestandteil einer einzigen grossen Hintergrund-Grafik. Sie müssen also nur noch die Hintergrund-Grafik namens "lay.jpg" beschriften.
Menü 2: Textlinks.
Das zweite Menü ist ebenfalls ein horizontales Menü und um einige Links erweiterbar. Die Buttons dort passen sich automatisch Ihrer Linklänge an.
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
Dead Text.
Etwas Dummy-Text. Also Beispiel Fülltext. In ornare felis eget magna. Donec hendrerit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur sit amet est. Pellentesque tincidunt imperdiet risus. Nulla varius tincidunt felis. Cras in metus non odio elementum consequat. Ut quis tortor eget erat consequat porta. In mauris. Vestibulum eget ante. Curabitur hendrerit sagittis ante. In sem massa, iaculis quis, mollis vel, fermentum vel, nulla. Nam turpis orci, congue ultrices, vehicula sit amet, pretium sit amet, mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus tincidunt tellus at nisi.
Vestibulum vestibulum ipsum vitae orci. Ut massa elit, interdum vel, aliquet non, iaculis eget, neque. Maecenas scelerisque leo non pede. Nulla ligula libero, egestas nec, scelerisque et, scelerisque vel, risus. Duis ut turpis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum sodales, erat vitae laoreet hendrerit, arcu purus pretium pede, a semper nunc nunc vitae lectus. Donec dignissim felis dapibus ante.
|
|
