Tutorial: SITEX Editor

SITEX steht im Zentrum Ihrer redaktionellen Arbeit. Mit dem SITEX Editor des Content Management Systems erstellen und gestalten Sie die Seiten Ihre Website. Wie der Editor aufge­baut ist und welche Bearbeitungs­möglich­keiten Sie haben, erklären wir Ihnen in den Tutorials.

Für zusätzlichen persönlichen Support nehmen Sie Kontakt mit uns auf. Wir helfen Ihnen gerne weiter.

Allgemeine Einstellungen

Inhaltszeilen bearbeiten

CK-Editor

Stile

In unserem CMS stehen Ihnen verschiedene Stile in den verschiedenen Bereichen zur Verfügung, mit denen Sie Ihre Website gestalten können.

Hier haben wir die wichtigsten Stile für

zusammen­gefasst und zeigen Ihnen, wo Sie die Stile finden und welche Stile Ihnen in welchem Bereich zur Verfügung stehen.

Den "Äußeren Abstand" gibt es beim Inhalts­element und der Inhalts­zeile in den Varianten klein, mittel, groß oder extra groß.

Auch hier ist ein Beispiel sicher wieder hilf­reich.

Wir verwenden wieder das Layout "2 Spalten | 50% | 50% | - begrenzt", damit wir uns den äußeren Abstand bei einem Bild und einem Text ansehen können.

Ohne Abstände natürlich das gleiche Ergebnis, wie bei dem Stil "Innerer Abstand". Wir verwenden hier noch zusätzlich einen Rahmen bei den Inhalts­elementen und beim Text einen dezenten Hinter­grund, damit wir das noch besser sehen...

5 Teammitglieder der Onlineagentur XORTEX bilden einen Stern mit ihren Fäusten, im Hintergrund zwei Laptops
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Bild und Text ohne Abstände

😕 Naja, sieht natürlich wieder nicht so gut aus.

Wählen wir bei den beiden Inhalts­elementen den Stil "Äußerer Abstand mittel" rund um das Bild und den Text aus, wieder mit Rahmen bei den beiden Inhalts­elementen und dezentem Hinter­grund beim Text zur besseren Darstellung.

5 Teammitglieder der Onlineagentur XORTEX bilden einen Stern mit ihren Fäusten, im Hintergrund zwei Laptops
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum.
Bild und Text mit Stil "Äußerer Abstand mittel" mit Rahmen bei Inhalts­elementen und dezentem Hintergrund zusätzlich beim Text

🤨 Zumindest der Abstand zwischen den beiden Spalten sieht besser aus. Nur der Rahmen und der dezente Hinter­grund bleibt beim äußeren Abstand direkt beim Text, daher auch "äußerer" Abstand, also außen um das Inhalts­element herum 😉.

Bei der Inhalts­fläche gibt es keinen äußeren Abstand, daher machen bei der Inhalts­zeile weiter. Hier wählen wir bei der Inhalts­zeile auch den "Äußeren Abstand mittel" aus und verwenden einen weiteren Rahmen und den dezenten Hinter­grund bei der Inhalts­zeile. Die Auswirkung des äußeren Abstandes ist hier nicht mehr mit Rahmen oder Hinter­gründen darzustellen, da der Abstand ja außen um die Inhaltszeile herum liegt.

5 Teammitglieder der Onlineagentur XORTEX bilden einen Stern mit ihren Fäusten, im Hintergrund zwei Laptops
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Bild und Text mit Stil "Äußerer Abstand mittel" mit Rahmen bei Inhalts­zeile und zusätzlich dezentem Hinter­grund beim Text
  • Rahmen und Hinter­grund müssen Sie natürlich nicht verwenden. Diese dienen hier im Beispiel nur der Visualisierung.
  • Den äußeren Abstand gibt es ebenfalls in den Varianten klein, mittel, groß, extra groß. Mit px sind Pixel am Bild­schirm gemeint. Der äußere Abstand mittel hat default 20px im CMS, also 20 Pixel am Bildschirm.
  • Hier bei den Beispielen haben wir den äußeren Abstand immer um den gesamten Bereich gelegt, also oben, links, unten, rechts. Sie können den Abstand z.B. auch nur oben und unten aktivieren und rechts und links deaktivieren. Ebenso kann auch nur bei einer Spalte ein Abstand verwendet werden und bei der anderen nicht.

Und noch mehr Gestaltungs­möglich­keiten 😄.

Sie haben Fragen zu den Stilen? Dann melden Sie sich bei uns. Wir helfen Ihnen gerne weiter.

Support