CSS Archive - RietschDesign | Webdesign in Hof/Oberfranken

Eigene Farbpalette für das WordPress Twenty Twenty-One Theme verwenden

Im WordPress Gutenberg-Editor hast du die Möglichkeit, eigene Farben zur Farbpalette hinzuzufügen, indem du benutzerdefinierten CSS-Code nutzt. Durch die Integration dieser individuellen Farben lassen sich exakt abgestimmte Farboptionen verwenden.

Wie man Blockquotes in WordPress mit CSS gestaltet

Erfahren Sie, wie Sie Ihre Blockquotes mit einfachen CSS-Regeln gestalten können, um das Aussehen Ihrer Website zu verbessern und den Lesefluss Ihrer Inhalte zu fördern.

RAL Farben / Hex Farbtabelle Übersicht

Für alle Webmaster sehr nützlich: die RAL-Tabelle mit Farbnummer, Farbname und HTML-Hexcode (Hexadezimalwerte). Die RAL Farben sind eine Norm für Farbtöne, wobei jedem Farbton der Farbreihe eine vierstellige Farbnummer zugeordnet ist.

PIXEL in REM konvertieren

Für die Umwandlung von PIXEL Einheiten in REM Werte gibt hier eine kleine Umrechnungstabelle mit den gängigsten Werten. Die Schriftgröße (Font-Size) ist einer der wichtigsten Werte bei der Gestaltung einer Website.

Wie erstellt man einfache Formen mit CSS? Die Lösung…

Wie erstellt man einfache Formen mit CSS ? Dazu benötigt man eigentlich nur einen DIV-Container und eine CSS-Klasse.

Advanced Custom Fields – Felder mit eigener CSS Klasse versehen

Wie kann man in Advanced Custom Fields ein Text-Feld mit eigender CSS Klasse versehen? Advanced Custom Fields (kurz ACF) ist ein bekanntes Plugin, um WordPress mit benutzerdefinierten Feldern schnell und einfach zu erweitern.

CSS verschiedene Linkfarben bestimmen

CSS eignet sich prima, um Hyperlinks zu formatieren und so innerhalb einer HTML-Datei den Links unterschiedliche Farben zuzuweisen. Dazu werden in einem Stylesheet verschiedenen CSS Klassen definiert.

CSS Media Queries für mobile Standard-Geräte

CSS-Media Queries sind eine prima Möglichkeit, um eine Website mit einfachen Mitteln an die verschiedenen Desktop-PCs und mobilen Geräte anzupassen (Stichwort Responsive Layout). Hier findet Ihr ein Code-Snippet für alle gängigen Geräte wie iPhone, iPad, Kindle, Android, Desktop-PCs und auch große Bildschirme.

Einfachen CSS Tooltip mit HTML gestalten

Manchmal benötigt man auf einer Webseite einen einfachen CSS Tooltip. Diesen kennt man auch als ein kleines Pop-up-Fenster mit zusätzlichem Text oder Bild.