Newsletter page4 - Designvorlage 7100
05.06.
2010
05.06.
2010
Neue Designvorlagen mit abgerundeten Ecken
Für die Designvorlagen 7100 stehen Ihnen mehr als 160 Farbtöne zur Verfügung
Unter der Option "Layouts - Spezial" erhalten Sie künftig Designvorlagen, die nicht in die bisherigen Strukturen eingeordnet sind, sondern oftmals eine völlig eigene Aufteilung der Bereiche aufweisen. Zusätzlich sind diese Vorlagen nur begrenzt editierbar. Zum Start dieser neuen Rubrik gibt es das Design 7001 in zwei Varianten, basierend auf einer Templatevorlage des Anbieters "Snow Flakes" sowie eine eigene Vorlage (7100) mit runden "Ecken". Diese Vorlage möchten wir Ihnen hier etwas genauer vorstellen.
Die Gestaltung der Vorlage 7100 basiert auf einem grafischen Hintergrund, welcher zum einen durch einen Schatten plastisch gestaltet ist und zum anderen abgerundete Ecken hat. Jedes Motiv besteht aus 3 Grafiken plus dem Schmuckbild.
1) Die Headergrafik ist das Besondere an diesem Design. Sie enthält eine Aussparung mit abgerundeten Ecken und einen nach innen gerichteten Schatten. Das Schmuckbild wird so eingebunden, dass nur ein Teil des Bildes sichtbar wird. Dadurch können Sie ganz normale Bilder hochladen und haben trotzdem immer abgerundete Ecken. Vorausgesetzt, Ihr Bild ist immer etwas größer als die Aussparung.
2) Ein Mittelteil der Grafik wird gekachelt, so dass Sie beliebig lange Seiten anlegen können.
3) Der untere Teil der Grafik schließt wieder mit runden Ecken ab. Der Schatten der schon oben im Kopfteil vorhanden ist und auch durch das Mittelteil gekachelt wird, erhält durch den Fussbereich den perfekten Abschluss und umschließt dadurch die komplette Webseite.
1) Die Headergrafik ist das Besondere an diesem Design. Sie enthält eine Aussparung mit abgerundeten Ecken und einen nach innen gerichteten Schatten. Das Schmuckbild wird so eingebunden, dass nur ein Teil des Bildes sichtbar wird. Dadurch können Sie ganz normale Bilder hochladen und haben trotzdem immer abgerundete Ecken. Vorausgesetzt, Ihr Bild ist immer etwas größer als die Aussparung.
2) Ein Mittelteil der Grafik wird gekachelt, so dass Sie beliebig lange Seiten anlegen können.
3) Der untere Teil der Grafik schließt wieder mit runden Ecken ab. Der Schatten der schon oben im Kopfteil vorhanden ist und auch durch das Mittelteil gekachelt wird, erhält durch den Fussbereich den perfekten Abschluss und umschließt dadurch die komplette Webseite.
Anpassung der Designvorlage an Ihre Wünsche
Bei dem Design 7100 gibt es folgende Möglichkeiten, das Aussehen anzupassen:
a) Farbe der Grafik
Sie können aus mehr als 160 Farbtönen einen hoffentlich passenden Farbton auswählen. Sie müssen dazu lediglich die drei verwendeten Grafiken austauschen. Das ist in einer Minute geschafft. Sie können anhand des Namens sehr einfach die passenden Motive aus der Datenbank laden. Jeder Name beginnt mit einer vierstelligen Nummer, wobei gleiche Nummern immer gleiche Farben bedeuten. Neben der eindeutigen Nummer besteht der Name weiter aus dem Farbcode (6 Stellen) und wenn es eine HKS-Farbe ist aus der HKS Nr. So wissen Sie genau, welche Farbe Sie verwenden müssen um Teile Ihrer Webseite an den Hintergrund anzupassen. Die oben gezeigte Grafik hat den Farbcode 5bc15a, der nachfolgende Text ist dieser Farbe geschrieben und sollte daher den gleichen Ton aufweisen. Selbstverständlich können Sie jederzeit eigene Grafiken erstellen und eine ganz individuelle Webseite damit erzeugen. Sie müssen nur darauf achten, dass die Abmaßungen den Originalgrafiken entsprechen. Mehr Infos demnächst in unserer Hilfe.
b) Ein Schmuckbild steht Ihnen wie gewohnt zur Verfügung. Derzeit in der Größe 1000 x 175 px. Die Aussparung ist allerdings kleiner, damit das Bild vollständig verdeckt wird und dadurch die runden Ecken zur Geltung kommen. Wir werden sicher bald weitere Vorlagen mit etwas größeren Bildern (und Aussparungen) vorstellen.
c) Sie können verschiedene Farben ändern, unter anderem Auch den Hintergrund des Schmuckbildes. Normalerweise sehen Sie diese Farbe nicht, aber es steht Ihnen frei, kleinere Bilder oder transparente Grafiken einzubinden und dann durch die Hintergrundfarbe den gewünschten Effekt zu erzielen. Oder Sie laden ein transpartes Gif und PNG Bild als Schmuckbild hoch und zeigen dann nur den Hintergrund und kombinieren das dann mit der verfügbaren Headline. Beachten Sie, dass Sie zwar die Hintergrundfarben der Navigation, der Sidebar und des Inhaltsbereiches anpassen können, dass diese Flächen aber nicht bis an den Rand gehen und natürlich keine runde Ecken haben. Die Trennlinie zwischen Navigation und Inhalt können Sie farblich ebenfalls anpassen.
d) Hintergrund der Webseite
Sie können den Hintergrund der Webseite wie gewohnt frei ändern und sogar ein Bild oder Muster hinterlegen. Die Grafik der Seite ist transparent so dass der äußere Schatten sich dezent über ein eingeladenes Hintergrundbild legt.
e) Schriften können wie gewohnt angepasst werden, so dass Sie bei einem dunklen Hintergrund die Schriftfarbe sehr leicht anpassen können.
a) Farbe der Grafik
Sie können aus mehr als 160 Farbtönen einen hoffentlich passenden Farbton auswählen. Sie müssen dazu lediglich die drei verwendeten Grafiken austauschen. Das ist in einer Minute geschafft. Sie können anhand des Namens sehr einfach die passenden Motive aus der Datenbank laden. Jeder Name beginnt mit einer vierstelligen Nummer, wobei gleiche Nummern immer gleiche Farben bedeuten. Neben der eindeutigen Nummer besteht der Name weiter aus dem Farbcode (6 Stellen) und wenn es eine HKS-Farbe ist aus der HKS Nr. So wissen Sie genau, welche Farbe Sie verwenden müssen um Teile Ihrer Webseite an den Hintergrund anzupassen. Die oben gezeigte Grafik hat den Farbcode 5bc15a, der nachfolgende Text ist dieser Farbe geschrieben und sollte daher den gleichen Ton aufweisen. Selbstverständlich können Sie jederzeit eigene Grafiken erstellen und eine ganz individuelle Webseite damit erzeugen. Sie müssen nur darauf achten, dass die Abmaßungen den Originalgrafiken entsprechen. Mehr Infos demnächst in unserer Hilfe.
b) Ein Schmuckbild steht Ihnen wie gewohnt zur Verfügung. Derzeit in der Größe 1000 x 175 px. Die Aussparung ist allerdings kleiner, damit das Bild vollständig verdeckt wird und dadurch die runden Ecken zur Geltung kommen. Wir werden sicher bald weitere Vorlagen mit etwas größeren Bildern (und Aussparungen) vorstellen.
c) Sie können verschiedene Farben ändern, unter anderem Auch den Hintergrund des Schmuckbildes. Normalerweise sehen Sie diese Farbe nicht, aber es steht Ihnen frei, kleinere Bilder oder transparente Grafiken einzubinden und dann durch die Hintergrundfarbe den gewünschten Effekt zu erzielen. Oder Sie laden ein transpartes Gif und PNG Bild als Schmuckbild hoch und zeigen dann nur den Hintergrund und kombinieren das dann mit der verfügbaren Headline. Beachten Sie, dass Sie zwar die Hintergrundfarben der Navigation, der Sidebar und des Inhaltsbereiches anpassen können, dass diese Flächen aber nicht bis an den Rand gehen und natürlich keine runde Ecken haben. Die Trennlinie zwischen Navigation und Inhalt können Sie farblich ebenfalls anpassen.
d) Hintergrund der Webseite
Sie können den Hintergrund der Webseite wie gewohnt frei ändern und sogar ein Bild oder Muster hinterlegen. Die Grafik der Seite ist transparent so dass der äußere Schatten sich dezent über ein eingeladenes Hintergrundbild legt.
e) Schriften können wie gewohnt angepasst werden, so dass Sie bei einem dunklen Hintergrund die Schriftfarbe sehr leicht anpassen können.
Wichtig:
Diese Vorlage ist für moderne Browser optimiert. Wenn der Browser durchsichtige PNG-Grafiken nicht unterstützt, erhalten Sie eine abweichende Darstellung. Die allermeisten Browser unterstützen inzwischen durchsichtige PNG Grafiken und werden Ihre Seiten genauso anzeigen, wie Sie die Seite selbst sehen. Der IE6 wird die Grafiken nicht anzeigen und zeigt statt dessen immer einen weissen Hintergrund der als durchsichtiges Gif ausgelegt ist. Damit sind keine fließenden Schatten möglich so dass die Darstellung etwas anders ist.