Link zur fertigen Seite:

Link zu dieser Form-Seite (Webmaster):
1. Machen Sie eine Sicherung von Ihrem Image-Design Ordner wenn Sie schon eine Änderung vorgenommen haben.
2. Sollten Sie die Grundzüge der CSS Programmierung beherrschen.
open close    Hilfe              open Controlweb.html


Wichtig!

Bei Colortextfelder setzen Sie nur die Hexadezimalzahl ein. (Kein Farbname) und keine #. Diese wird automatisch hinzu gefügt.
Klicken Sie auf "holen" um eine Farbtabelle zu öffnen. Kopieren Sie dort den "Hex" Wert und fügen Sie diesen in das Colortextfeld ein.

Bei Textfeldern, bei denen die Größenangabe angeben ist, nur die Zahl eingeben! Z.B bei font-size.

Wählen Sie zuerst Ihr Grunddesign ! Eintweder Einbilddesign oder Normales Design.

Wichtig! Der Hauptframe bzw. die Form Des Generators sollte noch nicht durch einen Klick im Spot vergrössert worden sein. (Gegebenfalls Refresh to Start klicken)
Haben Sie im Meta- Iframe Generator die Breite der Frames geändert oder z.B. einen statischen Obenframe gewählt. De- und aktivieren Sie die Checkbox.
Die Lage des Hintergrundbildes wird automatisch angepasst.

Wählen Sie dann die Art ( ".jpg" ".gif" ) Ihrer Bilder. Übergeben Sie Ihre Änderung.
Anschließend können Sie die Bilder im "_bilder" Ordner austauschen.

Gehen Sie dann weiter nach unten. Lesen Sie zu den einzelnen Styles die Beschreibung durch.

Möchten Sie keinen Hintergrund, z.B. für die Linkstabelle, können Sie einfach dieses Hintergrundbild umbenennen.

z.B. wenn Sie .jpg Bilder gewählt haben
in diesem Fall "backgr_left_tab.jpg" in "_alt_backgr_left_tab.jpg" um. Denken Sie bitte in diesem Fall auch an die Hintergrundbilder oben und unten der Tabelle " backgr_left_tabob.jpg (.gif) und backgr_left_tabunt.jpg (.gif) ".

Nach jedem Übergeben wird die Controlweb.html aufgerufen. Hier befindet sich auch eine Liste aller Bilder und Ihrer Verwendung.

open Controlweb.html >>
Allgemeine Änderungen
Ihre CSS Kenntnisse:
Klicken Sie Ihr Anwenderprofil. Es öffnen sich dann verschiedene Kontainer. 		Anfänger Webmaster
 
fonf-family

 font-size
px		 font-color in HEX [Holen]
#
Einfache Änderungen für Anfänger und Webmaster
Hintergrundbilder-Änderung

Wichtig !! Bitte Hilfe lesen !

 Ein-Bilddesign

Bei Einbilddesign Logoframehöhe = 140px
Linksframebreite = 200px
Wird durch das De- und Aktivieren des Einbilddesigns automatisch angepasst.

Bilder bitte nur eins wählen

".jpg"         ".gif" 		Normalerweise haben alle Bilder die Endung ".jpg". Möchten Sie jedoch ".gif" Bilder nutzen z.B. für transparente Buttons, so aktivieren Sie die Checkbox. "backgr_main.jpg" (Einbilddesign) behält jedoch die Endung ".jpg".
z.B. Aktivieren Sie die Checkbox ".gif". So werden alle ".gif" Bilder im "_bilder" Ordner als Hintergrundbilder gewählt.
Bei einigen Designelementen ist eine "Border" vorteilhaft.
Wichtig ! Anschließend "Änderung Übernehmen" klicken. 		border Border-breite
px		 # border-color
in HEX [Holen]
Hintergrund für die Überschriften und Buttons. (Hauptframe Newscontainer)

abwählen >>     annehmen >>		 Möchten Sie keinen Hintergrund für die Überschriften und oberen und "linkin" Buttons im Hauptframe und Newscontainer, so können Sie diese hier abwähen bzw annehmen.
Flächenhintergründe wie Elementsammlung, FAQ und andere.

abwählen >>     annehmen >>		 Möchten Sie keinen Hintergrund für die Elementsammlung und Newscontainer, so können Sie diese hier abwähen bzw annehmen.
dunkler Hintergrund Einige Elemente haben einen farbigen Untergrund z.B. Kalender. Aktivieren Sie die Checkbox wenn Sie einen dunkleren Hintergrund benötigen. Z.B. wenn Sie eine helle Schriftfarbe verwenden.
Hintergrund für freieFlächen bei Einbilddesign. Der Kontaktkontainer hat keinen eigenen Hintergrund. Bei einigen Einbilddesign kann das jedoch vorteilhaft sein. Bei aktivieren der Checkbox wird das Hintergrundbild "backgr_main_tab.jpg bzw. .gif " verwendet
Links im Linksframe
Linkstabellenhintergrund

abwählen >>     annehmen >>		 Die Linkstabelle hat einen eigenen Hintergrund hier im Original grau mit Punkten. Diesen können Sie hier auch abwählen in dem Sie die jeweiligen Links klicken.
Buttonhintergründe

abwählen >>   annehmen >> 		Möchten Sie keine Buttons für die Links, können Sie diese hier auch abwählen.
Automatisch wird dann der Abstand der Buttons verringert.
Änderungen der Linksschrift    Wichtig ! bitte nach Änderung    klicken
Allgemeine Ausrichtung
left   center   right 		# font-color
in HEX [Holen]		 font-size
px		 font-weight
normal   bold   bolder		 text-decoration
none   underline   overline
open close    Logo Frame
open close    Linksframe gilt auch für den Shoplinkframe
open close    Hauptframe Table mit Links und Kontaktcontainer
open close    Hauptframe Elementsammlung Element A gleich Produktseite M Element I gleich ShopseiteXL
open close    Linkin Buttons
open close    Hauptframe und Frame Rechts bzw. Newscontainer
open close    Erste und Zweite kleine Produktseite
open close    Fotoalbum
open close    Die Personalseite
open close    Die FAQseite
open close    Der Kalender und rechter Shortframe
open close    Unten Frame
open close    Popups und Tooltips
open close    Suchergebnisseite
open close    Warenkorb Ergebnistabelle sonst wie Universalseite bzw. Element A
open close    CSV Table   body wie Universalseite