Homepage- und Layout-Tipps auf der Schreibtischseite
    
   


  
Hier steht der Inhalt ...


Info:

» Layout:
    "My blue page".
» Technik:
    Tabellen-Konstruktion.

    Mit Javascriptanzeige: Datum und Uhrzeit.

    Sowie Javascript: Zurück-und Nach oben-Link plus Anzeige diesbezüglich in der Statuszeile.

    Oben ist Platz für einen beliebig grossen Banner bzw. Ihr Logo oder Titel als Text. Der Beispiel-Banner (führt übrigens zu einer meiner Seiten - der eigene Schreibtisch als Webseite sozusagen) ist durch Ihr Logo zu ersetzen.

» Auflösung:
    "Es gibt 2 verschiedene Versionen, die sich unterschiedlich auflösen".

    Bei einer Monitor-Auflösung von 800x600 sind die Versionen 1 und 2 identisch.
    Bei einer Monitor-Auflösung von 1024x768 oder höher ergeben sich die Unterschiede wie folgt:

    Die Version 1 behält eine feste Pixel-Breite von ca. 760 Pixel. Die Seite wird zentriert, mit Rahmen links und rechts.

    Die Version 2 passt sich komplett in der Breite an, sprich erhält den Wert 100% für die Kopfzeile, Fusszeile und den Inhaltsbereich mit Fliesstext, welcher sich auch automatisch anpasst.

  • Version 1: (index.html)

  • 800x600


    1024x768



  • Version 2: (index_vers2.html)

  • 800x600


    1024x768


    Wollen Sie die Version 2 verwenden, so löschen Sie die Datei "index.html" und benennen Sie die Datei "index_vers2.html" um in "index.html".

» Menü:
    Textlinks.

    Beliebig erweiterbar.

    Die Beispiel-Links sind durch ihre Links zu ersetzen.

    Das heisst, es können innerhalb der jeweiligen Rubrik (z.B. "Rubrik 1") beliebig weitere Links hinzugefügt werden oder aber komplett neue Rubriken (z.B. "Rubrik 4") mit weiteren Links erstellt werden.

    Möchten Sie kleinere Links, so dass die einzelnen Links und auch die Rubriken näher zusammenrücken?
    So geht es:
    Ändern Sie in der Datei format.css - dort bei /* menue links */ die "padding-Werte" oder die "font-size" oder beides.


Einstellungen:

So sehen die allgemeinen Links zur Zeit aus:
(Fahre mit der Maus über den Link)



Dieser Link ist ohne Ziel und dient nur zur Darstellung der Link-Formatierung.

Einstellungen oder Änderungen (z.B. Schrift, Farbe, Linkunterstreichung, Hover-Mouseover) zu den allgemeinen Links sind in der Datei "format.css" vorzunehmen.

Einstellungen zum Hauptmenü sind ebenfalls in der Datei "format.css" vorzunehmen.


  www.ihre-webseiten-url.deback top