Design Technik für s2d 6.0
usercolor.alt.dark |
usercolor.alt.medium |
usercolor.alt.bright |
| usercolor.medium |
usercolor.dark |
usercolor.bright |
Eine Übersicht der Designvarianten finden Sie hier !
|
Special |
Features: |
|
Autor |
luka cvrk |
|
Lizenz: |
Creative Commons Attribution 2.5 License |
|
Description |
3-Spaltenlayout mit Footer und einheitlicher Höhe der Spalten. |
|
Die horizontale Fly-out-Navigation ist CSS-gesteuert. |
Dank an Tedd Sperling, der sich dafür die Mühe machte. Zusätzlich wird in der linken Sidebar die 2. und 3. Navigationsebene angezeigt, falls vorhanden. |
|
Anzeige der Subtopics |
Zusätzlich erfolgt die Ausgabe von Subtopics in der linken Sidebar - falls vorhanden. |
|
variable |
Sie können für jede Unterseiten individuelle Sidebarinhalte ausgeben. |
|
Easy-Sitemap mit schlichtem Code der alle 3 Hauptebenen sowie die Commonpages ausgibt. |
Vorgehensweise für Sitemap: |
|
Alt-Tags für Bilder werden aus den Bildbeschreibungen generiert |
Geben Sie immer einen Bildtitel ein. Er wird nicht angezeigt, dient aber für die Ausgabe der Alt-Tags. Bildbeschreibungen werden ausgegeben. |
|
PHP-Parser |
Siteerstellung immer als php ausführen lassen. |
|
paragraph_ |
Sie erhalten ein modifiziertes Template, das aus dem Designordner abgerufen wird. So können Sie Formulare valide einbinden und direkt auf eingehende eMails antworten. Alternativ können Sie das Originaltamplate verwenden. |
|
Im Designordner liegt eine vorbereitete Antwortseite (vielenDank.ccml), die nach dem Formularversand tagesszeitabhängig unterschiedliche Texte ausgibt. |
vielenDank.ccml: |
|
Scriptdatei für |
formgateway.ccml ist im Designordner integriert und wird nicht aus dem Ordner "Common" ausgelesen. |
|
Scriptdatei |
Das PHP-Script (search.php) für die Suchfunktion ist im Designordner integriert und wird nicht aus dem Ordner "Common" ausgelesen. |
|
Titel in Sidebarabsätzen |
Die grafische Gestaltung der Sidebarelemente bedingt jeweils einen Titel. Wenn Sie keinen vergeben (wollen) wird automatisch der Text eingefügt, den Sie in der Sprachressource für "mehr" vergeben haben. |
|
Substyle für die Befüllung SB_left |
Wenn keine Subtopics vorhanden sind, können Sie nach Belieben über das Kontextmenue Inhalte in die linke Spalte einpflegen. Eine variable Sidebarbefüllung mit unterschiedlichen Inhalten für Haupt.- und Unterseiten ist damit nicht möglich. |
Weiteres
|
Abstracts : What's up? |
Auf jeder Seite wird eine Kurzzusammenfassung * ausgegeben. Daher sollten die entprechenden Inhalte in den Kurztextfeldern eingegeben werden. |
|
* Ändern Sie What's up? bei Bedarf in den Substyles: |
<cc:set obj="mywhatsup" value="What' s up?"> |
|
Logo für Feedbackseite: |
Klicken Sie bei der Designauswahl auf das Vorschaubild der ausgewählten Variante, öffnet w2d den internen Browser und lässt Sie eine Grafik für das Sidepicture im Feedbacktext aussuchen. Erreicht dies die idealen Maße 160 x 120 nicht, wird es entsprechend scaliert. |
|
Teaser: |
Die Teaseraufrufe sind mit einer "Sicherheitswarnung" ausgesattet. Wurde ein Teaserabsatz definiert, dessen Elemente verschoben oder gelöscht wurden, wird in roter Schrift ein entsprechender Hinweis ausgegeben. |
|
Textteaser werden in grafische Hintergründe gebettet /CSS Tinderbox-background ) |
The CSS Tinderbox is an effort to support open source web design by providing very basic, yet solid, CSS/XHTML templates that web designers/developers can use as the foundation for their own projects. |
|
paragraph_ |
Sie erhalten ein modifiziertes Template. So können Sie Flashfilme valide einbinden. Alternativ können Sie auch auf das Originaltemplate zugreifen. Dafür ist in der Datei config.ccml |
So stellt sich die Shopvariante dar.
In "Technik" sind alle pfiffigen Elemente integriert, wie sie von Webdesignconsult.de bekannt sind. Selbstverständlich sind alle Designelemente validiert.
Wichtig zu wissen: 5,00 Euro vom Bearbeitungshonorar gehen an Tedd Sperling, der den"Roh-Code" für das CSS-Fly-out-Menue kostenlos im Web veröffentlichte.
Man benötig keine besonderen Kenntnisse, um das für w2d angepasste Design Technik einsetzen zu können. Doch die einfachsten html-Kenntnisse sollten schon vorhanden sein.
Zu dem Templatepaket werden ausführliche Anleitungen und ein Demoprojekt zur verfügung gestellt, in dem die vielleicht bislang unbekannten Möglichkeiten zum Testen vorgesehen sind.
Folgende Dateien bitte anpassen:
kontakt.ccml: |
Geben Sie Ihre Adressdaten ein. |
formulartext.ccml: |
Geben Sie hier Ihre Adressdaten ein: |
substyle_technik_yxz.ccml: |
Öffnen Sie das von Ihnen verwendete Substyle und ersetzen Sie die Platzhalter-Angaben. |
substyle_technik_yxz.ccml: |
Öffnen Sie das von Ihnen verwendete Substyle und ersetzen Sie die Platzhalter-Angaben. |
