CMS - Workbench | DE


Templating and Coding for CMS (WordPress, Bludit, Automad, Typesetter, GetSimple, Pico and more)


DIV Container anpassen

Im CMS Typesetter können Sie DIV-Kontainer der Webseite mit traditionellen CSS-Mitteln anpassen. Wählen Sie dazu mit Hilfe der Option "Seite" (im Admin-Menü rechts oben) einen Kontainer aus und klicken dann im Content-Bereich mit der linken Maustaste den Kontainer-Rahmen (1px grau) an und dann mit rechten Maustaste.

Sie erhalten dann ein Kontextmenü, in dem Sie drei Wahlmöglichkeiten haben. Mit der Option "Div bearbeiten" können Sie eigene CSS-Vorgaben für diesen DIV eingeben, beispielsweise können Sie auch ein Hintergrundbild für diesen Kontainer anlegen (es sind alle üblichen CSS Befehle möglich).

Im obigen Dialogfenster geben Sie Ihre CSS-Vorgabe unter dem Reiter "Erweitert"  im Eingabefeld "Stil" ein, zum Beispiel:

background-image: url('http://cmsworkbench.de/data_uploaded/image/cms.jpg');

Betsätigen Sie die Eingabe mit OK, um die Änderung auf der Webseite zu sehen. Geben Sie weitere CSS Befehle, wie üblich mit Semikolon getrennt, ein. Folgend ein Beispiel eines Hintergrundbildes für einen DIV-Container.

22.11.2020 • Typesetter • DIV Anpassen Custom


Oliver Lohse - Ich bin diplomierter Wirtschafts-Informatiker und Organisations-Programmierer in verschiedenen Sprachen bzw. Markup-Dialekten, z.B.: Java, JEE, COBOL, PHP, Python, MySQL, HTML, CSS, ANSI C, Lisp, Rexx, JavaScript, Scheme, ActionScript 2.0, Maschinensprache, Assembler und JCL. Seit mehr als 22 Jahren arbeite ich in einem grossen Softwareunternehmen in Niedersachsen. Sie sehen auf dieser Seite mein eigens für Bludit CMS entwickeltes Theme "Reaktor-Block IV".

Kontakt: Κontakt@Οliver-Lohse.de


Empfehlungen:



Bludit Custom CSS

Passen Sie das beliebte Flatfile CMS Bludit an Ihren eigenen Designstyle mit Hilfe eines eigenen CSS-Style an.

mehr...

Custom Fields

Mit Custom Fields können Sie neue Attribute dem Content hinzufügen wenn Sie einen neuen Beitrag schreiben.

mehr...

Eigene Config-Parameter

Erzeugen Sie benutzerdefinierte Variablen für Ihr Pico Theme und Template, die Sie zentralisiert nutzen können.

mehr...

Typesetter Custom CSS

Mit dem Custom-CSS können Sie das beliebte Flatfile CMS Typesetter an Ihren eigenen Geschmack anpassen.

mehr...



CMS Workbench

Hilfreiche Tipps, Tricks, Codings und Codeschnipsel, die im Rahmen der Entwicklung, Weiterentwicklung und Templatings zum Thema CMS immer wieder benötigt werden - aus verschiedenen Sprachdialekten wie Java, JavaScript, PHP, Python und anderen.