ModX_Tabellen und Hintergrund Bilder

MODx Tutorial I Tabellen und Hintergrundbilder
1. Cms-Manager öffnen und die Seite auswählen, die
zu bearbeiten ist.
Dazu auf das
Dokument klicken, so dass
das Pop-upFenster unten
erscheint. dort in
„Bearbeiten“
klicken.
Top Seller
-
1-
-
© by DTP-AG Freiherr-vom-Stein-Schule, Fulda
MODx Tutorial I Tabellen und Hintergrundbilder
3. Nun erscheint die zu
bearbeitende Seit im Bearbeitungs-Modus. Dazu
im Fenster nach unten
srollen, bis folgendes zu
sehen ist.
4. Tabelle formatieren.
(3)
(1)
(2)
Zum Erstellen einer Tabelle / bzw. zum Formatieren klilckt man auf das Tabellen Icon.
Nun erscheint folgendes Pop-up-Fenster, in
dem die generellen Parameter der Tabelle
festgelegt werden müssen.
Dazu bitte die Kategorien (1) Breite (max.
900 px) und (2) Höhe (max. 650 px) auswählen. Wichtig ist auch die (3) Ausrichtung
„Mitte“, damit das Dokument zentriert auf
dem Bildschirm erscheint.
Nun müssen die einzelnen Zellen der Tabelle formatiert werden. dazu bitte in das
folgende Icon klicken. MIt dem nun erscheinenden Pop-Up-Fenster MÜSSEN
die einzelnen Tabellenzellen formatiert
werden.
Dazu müssen die Ausrichtung des Inhalts (Bild, Text, Grafik etc.) definiert werden: (recht,
links, mitte).
-
2-
-
© by DTP-AG Freiherr-vom-Stein-Schule, Fulda
MODx Tutorial I Tabellen und Hintergrundbilder
Als nächstes sind Breite und Höhe einzustellen, damit die Tabellenzelle beim Einfügen der Inhalte ihre Form und ihre Abmessungen behält.
Um eine neue Tabelle in einer Seite anzulegen, bitte auf das folgende Icon klicken:
.
NUn erscheint folgendes Pop-Up-Fenster;
Hier müssen nun 1. die Spalten eingetragen werden werden. Benötigt man später
noch Spalten, können diese einfach über
folgende Icons hinzugefügt werden:
(Zeile oben hinzufügen) bzw. Zeile unterhalb hinzufügen.
Überzählige Zellen können mit den folgenden beiden Symbolen gelöscht werden:
(Spalte löschen),
(Zeile löschen).
Spalten können zusammengeführt werden,
indem man auf dieses Symbol klickt
.
Um einer Zelle insgesamt oder zu bestimmten Teilen einen Hintergrund / ein HIntergrundbild zuzuweisen, klickt man in dem
Pop-Up-Fenster oben auf den Reiter „Erweitert“ .
-
3-
-
© by DTP-AG Freiherr-vom-Stein-Schule, Fulda
MODx Tutorial I Tabellen und Hintergrundbilder
Nun erscheint folgendes Pop-Up-Fenster: Hier klicken Sie in „HIntergrundbild.
Nun erscheint der Resources Browser in folgendem
Fenster: Hier sind die Einstellungen Create New Folder, Durchsuchen und Upload auszuwählen. Mit
„Create New Folder“ erstellt
man einen neuen Unterordner (sehr zu empfehlen),
der einer bestimmten Seite
zuzuordnen ist.
Bilder, die neu in die Ordnerstruktur eingefügt werden sollen werden mit der
Option Durchsuchen ausgewählt. Klickt man auf „Durchsuchen“, erscheint das folgende
Fenster: Hier sieht man den jeweiligen Schreibtisch / Destop des eigenen Computers.
-
4-
-
© by DTP-AG Freiherr-vom-Stein-Schule, Fulda
MODx Tutorial I Tabellen und Hintergrundbilder
Hier kann nun in beliebigen Verzeichnissen nach einer geeigneten
Datei gesucht werden (jpeg / gif / png 8 / 24).
Um diese auf den Server in das ModX-Stammverzeichnis zu laden,
klickt man die betreffende Datei an und markiert sie und bestätigt mit
„öffnen“. Danach klickt man auf
. Fertig!
Bilder oder Ordner, die man nicht mehr
benötigt, können mit dem roten Kreuzsymbol vor der Darstellung gelöscht
werden.
Mit dem Bleistift-Icon kann die Datei
umbenannt werden.
Das ganz rechte Icon erlaubt moderate
Änderungen.
Klickt man in dieses Icon erscheint folgendes Fenster:
Zur Auswahl stehen:
Crop Ausschnitt aus dem Bild erstlelen
/ beschneiden
Reseize: (verkleinern und Vergrößern
der Bildfläche unter Beibehaltung der
Qualität / Auflösung / des Formates)
Rotate: Drehen des Bildes
Measure: Auslesen / Ändern der Bildgröße.
Alle Einstellungen müssen mit „Save“ bestätigt werden, sonst gehen die Änderungen verloren.
-
5-
-
© by DTP-AG Freiherr-vom-Stein-Schule, Fulda