Dokumentation DeDi-Flex
Aus DeDi-Help
(Unterschied zwischen Versionen)
| Version vom 01:55, 5. Dez. 2004 (bearbeiten) Mika (Diskussion | Beiträge) (→Moduldokumentation zu DeDi-Flex 0.68) ← Zum vorherigen Versionsunterschied |
Version vom 01:56, 5. Dez. 2004 (bearbeiten) (Entfernen) Mika (Diskussion | Beiträge) (→Moduldokumentation zu DeDi-Flex 0.68) Zum nächsten Versionsunterschied → |
||
| Zeile 7: | Zeile 7: | ||
| [[Bild:Dediflex_0.68_04_elemente.png]] | [[Bild:Dediflex_0.68_04_elemente.png]] | ||
| - | DeDi-Flex zeichnet - wie sein Name schon sagt - aus, dass verschiedene sog. Elemente, welche ber Elementgruppen definiert werden, frei ber ein Dropdownmen auf einer Seite eingefgt werden knnen. | + | DeDi-Flex zeichnet - wie sein Name schon sagt - aus, dass verschiedene sog. Elemente, |
| + | welche ber Elementgruppen definiert werden, frei ber ein Dropdownmen auf einer Seite | ||
| + | eingefgt werden knnen. | ||
| - | Im Frontend erscheint das Modul zunchst als +-Zeichen. Klickt man auf das +-Zeichen ffnet sich ein Dropdownmen. Dieses Dropdownmen enthlt Content-Elemente wie z. B. ein einzeiliges Textfeld oder den Wysiwyg-Editor. Dem Redakteur/Admin ist es mglich mehrere Elemente untereinander in unterschiedlicher, frei whlbarer Reihenfolge, einzufgen. | + | Im Frontend erscheint das Modul zunchst als +-Zeichen. Klickt man auf das +-Zeichen |
| + | ffnet sich ein Dropdownmen. Dieses Dropdownmen enthlt Content-Elemente wie z. B. | ||
| + | ein einzeiliges Textfeld oder den Wysiwyg-Editor. Dem Redakteur/Admin ist es mglich | ||
| + | mehrere Elemente untereinander in unterschiedlicher, frei whlbarer Reihenfolge, einzufgen. | ||
| [[Bild:Dediflex_0.68_02_einfg_menue.png]] | [[Bild:Dediflex_0.68_02_einfg_menue.png]] | ||
| Zeile 34: | Zeile 39: | ||
| Schriftart {font1-5}: | Schriftart {font1-5}: | ||
| - | Es knnen 5 Schriftarten ausgewhlt werden, die von den Elementgruppen verwendet werden knnen. Voraussetzung hierfr ist ein in ein Layout eingebundenes Stylesheet. | + | Es knnen 5 Schriftarten ausgewhlt werden, die von den Elementgruppen verwendet |
| + | werden knnen. Voraussetzung hierfr ist ein in ein Layout eingebundenes Stylesheet. | ||
| - | Bitte beachten, dass die CSS-Elemente der Schriftdefinition als CSS-Typ "Klasse" deklariert werden mssen, da Sie sonst nicht in dem Auswahlmen angezeigt werden. Als Beispiel sei hier auf die CSS-Klasse ".Arial_12px" aus der Standard-CSS-Datei vewiesen. Der Punkt vor dem sog. "Selektor" wird automatisch mit angegeben, wenn Sie bei selbst definierten Stylesheets in "Design > Stylesheet > CSS-Regel bearbeiten" bei "CSS-Typ" in dem Dropdownfeld "Klasse" auswhlen. | + | Bitte beachten, dass die CSS-Elemente der Schriftdefinition als CSS-Typ "Klasse" deklariert |
| + | werden mssen, da Sie sonst nicht in dem Auswahlmen angezeigt werden. Als Beispiel sei hier | ||
| + | auf die CSS-Klasse ".Arial_12px" aus der Standard-CSS-Datei vewiesen. Der Punkt vor dem | ||
| + | sog. "Selektor" wird automatisch mit angegeben, wenn Sie bei selbst definierten Stylesheets | ||
| + | in "Design > Stylesheet > CSS-Regel bearbeiten" bei "CSS-Typ" in dem Dropdownfeld "Klasse" auswhlen. | ||
| - | Die Einbindung der Schriftarten erfolgt weiter unten bei den Elementgruppen. Sie bentigen hier HTML-Tags, die es Ihnen ermglichen, die CSS-Klasse einzubinden. Ein Beispiel soll das verdeutlichen: | + | Die Einbindung der Schriftarten erfolgt weiter unten bei den Elementgruppen. Sie bentigen |
| + | hier HTML-Tags, die es Ihnen ermglichen, die CSS-Klasse einzubinden. Ein Beispiel soll das | ||
| + | verdeutlichen: | ||
| - | Sie mchten gerne ein einzeiliges Textfeld als Content-Element fr berschriften verwenden. Sie definieren in der eingebundene CSS-Datei eine gefettete Schrift. Diese speichern Sie als Klasse ".Fett" ab. Sie whlen in DeDi-Flex als Schriftart "{font1}" diese Klasse ".Fett" aus. Als nchsten Schritt wechseln Sie mit dem Cursor in das Konfigurationsfeld der 1. Elementgruppe. Standardeinstellung ist hier der Eintrag "{text}" und steht fr die Elementgruppe "Einzeiliges Textfeld". Sie knnen die Klasse z. B. mit einem <p>-Tag einbinden: | + | Sie mchten gerne ein einzeiliges Textfeld als Content-Element fr berschriften verwenden. |
| + | Sie definieren in der eingebundene CSS-Datei eine gefettete Schrift. Diese speichern Sie als | ||
| + | Klasse ".Fett" ab. Sie whlen in DeDi-Flex als Schriftart "{font1}" diese Klasse ".Fett" aus. | ||
| + | Als nchsten Schritt wechseln Sie mit dem Cursor in das Konfigurationsfeld der 1. Elementgruppe. | ||
| + | Standardeinstellung ist hier der Eintrag "{text}" und steht fr die Elementgruppe | ||
| + | "Einzeiliges Textfeld". Sie knnen die Klasse z. B. mit einem <p>-Tag einbinden: | ||
| <p class="{font1}">{text}</p> oder: | <p class="{font1}">{text}</p> oder: | ||
| Zeile 53: | Zeile 70: | ||
| Element auf an 1. Position einfgen | Element auf an 1. Position einfgen | ||
| - | Standardgem wird im Frontend bei DeDi-Flex das Dropdown-+-Zeichen erst am Ende aller bisher eingefgten Elemente angezeigt. Mit diesem Kontrollkstchen knnen Sie auch vor allen Elementen ein Dropdown-+-Zeichen anzeigen lassen. | + | Standardgem wird im Frontend bei DeDi-Flex das Dropdown-+-Zeichen erst am Ende aller bisher |
| + | eingefgten Elemente angezeigt. Mit diesem Kontrollkstchen knnen Sie auch vor allen Elementen | ||
| + | ein Dropdown-+-Zeichen anzeigen lassen. | ||
| Element auf jeder Zeile einfgen | Element auf jeder Zeile einfgen | ||
| Zeile 63: | Zeile 82: | ||
| Elementgruppe 1 - 8 | Elementgruppe 1 - 8 | ||
| - | Hier definieren Sie die Art, Anzahl und Reihenfolge der sog. Elementgruppen. Die Elementgruppen stellen folgende Einzelmodule in DeDi-Flex dar: | + | Hier definieren Sie die Art, Anzahl und Reihenfolge der sog. Elementgruppen. Die Elementgruppen |
| + | stellen folgende Einzelmodule in DeDi-Flex dar: | ||
| Elementgruppe {text} = einzeiliges Textfeld | Elementgruppe {text} = einzeiliges Textfeld | ||
