MODx Tutorial I Tabellen und Hintergrundbilder 1. Cms-Manager öffnen und die Seite auswählen, die zu bearbeiten ist.

Größe: px

Ab Seite anzeigen:

Download "MODx Tutorial I Tabellen und Hintergrundbilder 1. Cms-Manager öffnen und die Seite auswählen, die zu bearbeiten ist."

Bettina Lehmann
vor 7 Jahren
Abrufe

1 1. Cms-Manager öffnen und die Seite auswählen, die zu bearbeiten ist. Top Seller Dazu auf das Dokument klicken, so dass das Pop-up- Fenster unten erscheint. dort in Bearbeiten klicken

2 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)

3 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 o- ben 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

4 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 U- pload 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

5 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. Rotate: Drehen des Bildes Measure: Auslesen / Ändern der Bildgröße. 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) Alle Einstellungen müssen mit Save bestätigt werden, sonst gehen die Änderungen verloren

Ähnliche Dokumente

Schwebende DIV-Container erzeugen

Schwebende DIV-Container erzeugen Anfasser DIV-Container sind nützliche Helfer beim Layouten. Sie können Texte und Bilder beinhalten und lassen sich mittels ihres Z- Wertes auch übereinander anordnen. MODx stellt dazu ein simples, aber