Einführung

cssBuilder ermöglicht das Erstellen und Ändern von Cascading Style Sheets mit Echtzeitvorschau.
Erstellen Sie das Design Ihrer Webpage in wenigen Minuten mit der einfach zu bedienenden und überwiegend selbsterklärenden Funktionalität des cssBuilder.

Features

Komfortable Eingabe der Styles in der hierarchischen Style-Tabelle.
Laden beliebig vieler HTML-Seiten zwecks Echtzeitvorschau.
Übernahme von Elementen und Import von Styles aus der HTML-Vorschau.
Vorschaufunktion für die aktuelle css-Datei.

Installation

Um cssBuilder verwenden zu können benötigen Sie ein Windows-Betriebssystem mit Internet Explorer 6.0 oder höher.

Das Setup wird von der Installationsdatei übernommen.

Mit der Installation wird auch die Common Dialog Control OCX mitgeliefert.

Beta-Hinweise

cssBuilder ist eine reine DHTML-Anwendung.
Da sich das Programm noch im Beta-Stadium befindet, sind Fehler in der Anwendung nicht ausgeschlossen. Sie werden jedoch höchstens mit Script-Fehlern konfrontiert die keinen Datenverlust hervorrufen, da in der Regel Änderungen weiterhin abgespeichert werden können.

Sollten Sie Probleme beim Einsatz von cssBuilder feststellen, so wenden Sie sich bitte an den VBX-Support.

Beschreibung des Hauptfensters

Dateimenü

	Neue css-Datei erstellen
	Eine existierende css-Datei öffnen
	css-Datei speichern
	css-Datei speichern als
	Vorschau der css-Datei anzeigen.
	Eine HTML-Datei ins Vorschaufenster laden
	Programmeinstellungen öffnen
	Hilfe anzeigen

Liste der Elemente

Auflistung aller Element der aktuellen css-Datei. Klicken Sie einen Eintrag um dessen Styles anzuzeigen.
Wenn Sie ein HTML-Datei in das Vorschaufenster laden, werden alle enthaltenen Elemente in die Liste aufgenommen.

Elementemenü

	Eigenschaften von einem Element in ein anderes kopieren
	Eigenschaften des ausgewählten Elements aus der Vorschau-Datei importieren. Es werden nur Eigenschaften importiert, die in Stylesheets definiert wurden.
	Eigenschaften eines geklickten Elements aus dem Vorschaufenster importieren. Um den Auswahlmodus zu verlassen muss die Schaltfläche erneut geklickt werden. Eigenschaften werden aus Stylesheets und dem Element selber importiert.
	Element hinzufügen. Class-Elementen ist immer ein '.' vorangestellt. z.B. '.meineKlasse'
	Das ausgewählte Element löschen

Eigenschaften (Styles)

Hier können Sie die Eigenschaften des ausgewählten Elements ändern. Elemente des Vorschaufensters werden beim Ändern der Eigenschaften aktualisiert.
Standardmäßig werden alle Eigenschaften angezeigt. Nicht unterstützte Eigenschaften werden nur für bekannte Elemente (Tags) ausgeblendet.
Wenn Sie den Mauszeiger über den Eingabefelder bewegen, wird in der Statusleiste eine Kurzbeschreibung der Eigenschaften angezeigt.

Dokumentauswahl

Alle geöffneten HTML-Dateien werden der Dokumentauswahl hinzugefügt. Klicken Sie die entsprechende Schaltfläche um die Datei anzuzeigen bzw. zu aktualisieren.
Der Tooltip zeigt den vollständigen Dateipfad an.

Vorschaufenster

Klicken Sie ein Element um es auszuwählen. Der Name (Tag) bzw. die Klasse (Class) des Elements wird in der Statusleiste angezeigt, wenn Sie den Mauszeiger darüber halten.
Sie können auch eine Datei aus dem Windows-Explorer in das Vorschaufenster ziehen, um die Datei zu laden.

Beispieltext

Die Styles des aktuell ausgewählten Elementes werden auch auf diesen Text angewandt. Da der Text nicht Teil der HTML-Seite ist, ist nur das Aussehen gesetzter Styles aussagekräftig, kann also vom tatsächlichen Ergebnis abweichen.

Programmeinstellungen

Verwenden Sie die Tooltips für die Beschreibung der Einstellungen.

History (englisch)

0.7.2
- fix: IE7 compatibility issue. Failed to get working directory.

0.7.1 beta
- fix: css lines containing comments with a slash (/) caused serious memory leaks in IE.
- fix: properties table was not correctly rendered if contents exceeded the default size.
- readded sample file
- added shell context menu entry "Edit with cssBuilder" for css files and command line support

0.7 beta
- improved UI, list sorting, performance
- improved: colored select button for color styles
- added sample element which recieves the styles of the currently edited element
- [+] button in styles list is colored if sub-styles are set
- changed: tag name of elements is added to the css element: TagName.ClassName
- changed: importing styles by clicking a preview element: the styles are imported for the currently selected element
- lots of other fixes and improvements