Web to date - Designs
... in diesem Bereich stelle ich euch meine selbst erstellten Designs für die Softwarelösung Web to Date von Data Becker vor. Ich habe mich dazu entschieden mein eigenes zu entwerfen, als ich immer wieder an die Grenzen geführt wurde bei den mitgelieferten Designs.
Box-Variante Valid
... basiert auf dem Framework von YAML und ist eine komplette Eigen-Entwicklung.
Wesentliche Änderungen
Design-Variante Valid 2.0
- Das Design ist fast valide
- Layout wurde für eine Auflösung von 1024x768 optimiert und ist zentriert
- Über dem Eyecatcher finden Sie auf der linken Seite den Namen der Homepage und die "Sie sind hier"-Info und auf der rechten Seite steht das Datum und ggf. die Länderflaggen für die Sprachwahl.
- Die Allgemeinen Seiten (Common Pages) finden Sie unter dem Eyecatcher
- Rechts aussen finden Sie eine Schnell-Navigation für wichtige Funktionen, die auf der Seite immer sichtbar ist.
- Jede Hauptseite hat ihr eigenes Logo für 10 Hauptseiten. Dies ist fix vorgegeben und basiert nicht auf einer zufälligen Auswahl. Wenn nur ein Logo definiert wird, dann wird auf allen Seiten das gleiche Logo angezeigt.
- Die Suchmaschine der Seite wurde in den Teaser nach unten verlagert, wo Sie auch bei Google, Wikipedia und IMDb suchen können auf Wunsch.
- Das Partner-Logo von "Web to date" wurde in die Fusszeile verlagert, in der Sie auch den Besucherzähler nun finden.
- u.v.m....
Eingesetzte Frameworks
- YAML-Framework von Dirk Jesse
- Javascript/AJAX-Framework jQuery
Folgende Module & Funktionen sind integriert
- Bildervorschau wird erzeugt durch Slimbox 2
- Besucherzähler chCounter
- Wetter-Modul stammt von wetter.de
- Sitemap ist zweispaltig aufgebaut
- Blog Wordpress integriert per iFrame
- Gästebuch von Wortlab
- pixlie - Die kostenlose Bildergalerie
- Wikipedia: Diese Seiten sind direkt mit dem Wikipedia-Lexikon verbunden. Durch Doppelklick auf ein unverständliches Wort oder einen Begriff wird ein neues Browserfenster geöffnet, in dem das Wort oder der Begriff erklärt wird (Funktioniert noch nicht einwandfrei).
- Anzeige des aktuellen Datums
Unterstütze Browser
- Firefox ab Version 1.5
- Internet Explorer ab Version 6.x
- Opera ab Version 7.x
- Safari ab Version 2.x
Eingesetzte Farben
| bright: #5F99DD | textheader: |
| medium: #264A87 | alt.medium: |
| dark: #262626 | background: |
| design: | alt.bright: |
Box-Variante Valid
... basiert auf dem Framework von YAML und ist eine komplette Eigen-Entwicklung.
Wesentliche Änderungen
Design-Variante Valid
- Das Design ist fast valide
- Layout ist dynamisch und wurde zentriert
- Die Allgemeinen Seiten (Common Pages) wurden nun oberhalb des Eyecatchers verschoben in der nun auch das Datum und die Uhrzeit angezeigt wird.
- Eyechatcher in der horizontalen Menüleiste (1000x210px). Dient als genereller Link zur Startseite.
- Jede Hauptseite hat ihr eigenes Logo für 11 Hauptseiten. Dies ist fix vorgegeben und basiert nicht auf einer zufälligen Auswahl. Wenn nur ein Logo definiert wird, dann wird auf allen Seiten das gleiche Logo angezeigt.
- Die Suchmaschine für die eigene Seite wird unter dem Hauptmenü eingebunden.
- Darunter ist die Multiple-Suchmaschine integriert mit den Suchdiensten von Google, Yahoo, Wikipedia und vorerst IMDB.
- Darunter wurde das Partner-Logo eingebunden.
- Es wurde eine Fusszeile mit integriert.
- u.v.m....
Unterstütze Browser
- Firefox ab Version 1.5
- Internet Explorer ab Version 6.x
- Opera ab Version 7.x
- Safari ab Version 2.x
Folgende Module & Funktionen sind integriert
- Counter und Wetter-Modul (Mögliche Quellen: wetter.de, wetter.com und wetter24.de)
- Sitemap und Suchregister
- Blog von RS-Studio (wird ersetzt durch Wordpress)
- Gästebuch von Wortlab
- pixlie - Die kostenlose Bildergalerie
- Multiple-Suchmaschine mit den Suchmaschinen von Google, Yahoo, Wikipedia und IMDB
- Lytebox-Bildervorschau
- Wikipedia: Diese Seiten sind direkt mit dem Wikipedia-Lexikon verbunden. Durch Doppelklick auf ein unverständliches Wort oder einen Begriff wird ein neues Browserfenster geöffnet, in dem das Wort oder der Begriff erklärt wird (Funktioniert noch nicht einwandfrei).
- Browserweiche auf PHP-Basis
- Anzeige von Uhrzeit und Datum
Box-Variante Chi auf Phi-Basis
... basiert auf den Design-Varianten von "Phi", "Rho", "Theta" und einigen anderen.
Wesentliche Änderungen
Design-Variante Chi
- Layout wurde zentriert
- Die Allgemeinen Seiten (Common Pages) wurden nun oberhalb des Eyecatchers verschoben in der nun auch das Datum und die Uhrzeit angezeigt wird, außerdem sind Sie auch in der Fusszeile verfügbar.
- Eyechatcher in der horizontalen Menüleiste (1000x150px). Dient als genereller Link zur Startseite.
- Jede Hauptseite hat ihr eigenes Logo. Dies ist fix vorgegeben und basiert nicht auf einer zufälligen Auswahl.
- Suchmaschine für die eigene Seite werden neben den Hauptmenüpunkten eingebunden
- Die Google-Suchmaschine wurde in die linke Menüleiste integriert, außerdem werden hier auch die Untermenüs der Hauptseiten angezeigt
- Es wurde eine Fusszeile mit integriert.
- u.v.m....
Unterstütze Browser
- Firefox ab Version 1.5
- Internet Explorer ab Version 7.0
- Opera ab Version 7.x
Folgende Module & Funktionen sind integriert
- Counter und Wetter-Modul (Mögliche Quellen: wetter.de, wetter.com und wetter24.de)
- Sitemap und Suchregister
- Blog und Gästebuch (beide von RS-Studio)
- pixlie - Die kostenlose Bildergalerie
- Google-Suchmaschine
- Lytebox-Bildervorschau
- Wikipedia: Diese Seiten sind direkt mit dem Wikipedia-Lexikon verbunden. Durch Doppelklick auf ein unverständliches Wort oder einen Begriff wird ein neues Browserfenster geöffnet, in dem das Wort oder der Begriff erklärt wird.
- liveThumb: Dem Besucher dieser Website wird beim Überfahren eines externen Links mit der Maus ein Vorschaubild (Thumbnail) auf die Zielseite angeboten, schon bevor darauf geklickt wird. (von Milena)
- Browserweiche auf PHP-Basis
- Anzeige von Uhrzeit und Datum
Das ursprünglich auf Phi basierende Design wurde bzw. wird als "Boxmodell" überarbeitet. Bis ich das Design nicht auf Vollständigkeit getestet habe, werde ich es noch nicht zum Download freigeben. Die wichtigsten Änderungen an den Dateien "style_design.css", "style_content.css" und "navigation.ccml" wurden zum besseren Verständnis in den entsprechenden Dateien kommentiert.
Box-Variante Qu Right
... basiert auf den Design-Varianten von "Qu" und einigen anderen.
Wesentliche Änderungen
Design-Variante Qu-Right
- Layout wurde zentriert
- Die Allgemeinen Seiten (Common Pages) wurden nun oberhalb des Eyecatchers verschoben in der nun auch das Datum und die Uhrzeit angezeigt wird, außerdem sind Sie auch in der Fusszeile verfügbar.
- Eyechatcher in der horizontalen Menüleiste (1000x150px). Dient als genereller Link zur Startseite.
- Jede Hauptseite hat ihr eigenes Logo. Dies ist fix vorgegeben und basiert nicht auf einer zufälligen Auswahl.
- Suchmaschine für die eigene Seite werden neben den Hauptmenüpunkten eingebunden
- Die Google-Suchmaschine wurde in die linke Menüleiste integriert, außerdem werden hier auch die Untermenüs der Hauptseiten angezeigt
- Es wurde eine Fusszeile mit integriert.
- u.v.m....
Unterstütze Browser
- Firefox ab Version 1.5
- Internet Explorer ab Version 6.0
- Opera ab Version 8.x
Folgende Module & Funktionen sind integriert
- Counter
- Gästebuch von Wortlab
- pixlie - Die kostenlose Bildergalerie
- Browserweiche auf PHP-Basis
- Anzeige von Uhrzeit und Datum
Das ursprünglich auf Qu basierende Design wurde bzw. wird als "Boxmodell" überarbeitet. Bis ich das Design nicht auf Vollständigkeit getestet habe, werde ich es noch nicht zum Download freigeben. Die wichtigsten Änderungen an den Dateien "style_design.css", "style_content.css" und "navigation.ccml" wurden zum besseren Verständnis in den entsprechenden Dateien kommentiert.