CSS-Stylesheet
Hier finden Sie zahlreiche Tricks, um Ihr Webprojekt mit CSS-Code auf Vordermann zu bringen.
Wir empfehlen Ihnen den Einsatz eines Child-Themes – damit sind Sie sicher, dass Ihre Anpassungen bei einem Theme-Update nicht überschrieben werden. Wie Sie ein Child-Theme erstellen, erfahren Sie im Beitrag «Ein Child-Theme anlegen – ein Must im Webdesign».
Heute zeigen wir Ihnen einen hübschen Gestaltungs-Trick: Das beliebige Divi-Element, das sich in einer Lightbox öffnet. Das eröffnet tolle Möglichkeiten bei der Webgestaltung.
Bei der Gestaltung der Website kann es leicht passieren, dass die Überschriften und Titel in der Mobilansicht zu gross geraten. Besonders wenn die Mobilanzeigen die Schriftart-Grösse gleich ausfällt wie in der Desktop-Ansicht, sind mehrstöckige Titel und unschöne Umbrüche die Folge. Lässt sich ganz einfach und global beheben.
Kennen Sie den progress-Tag in HTML? Oder den meter-Tag? Die beiden haben es in sich, werden aber irgendwo zwischen selten und kaum genutzt. Zeit, die beiden Tags einmal genauer anzusehen. Mit ihnen lassen sich nämlich höchst einfach Fortschrittsbalken und/oder Balkendiagramme erstellen.
Mit dem Karten-Modul des Divi-Themes können Sie auf einfache Weise eine Google-Karte auf Ihrer Website einblenden. Diese wird farbig dargestellt – hin und wieder passt aber die Kartenfarbe nicht zum übrigen Webdesign. Mit ein wenig CSS-Code können Sie die Karte darum schwarz-weiss darstellen.
Texte in einem Textmodul des Divi-Themes können Sie vorzüglich mit einer Focus-In-Animation zum Eyecatcher umwandeln. Die Texte werden zunächst unscharf und gedehnt dargestellt und werden dann langsam schärfer und schmaler.
Ein weiterer Hingucker: Der Text, der auf der Seite aufpoppt und dem/der BetrachterIn zum Schein entgegenspringt. Einfach zu machen mit ein wenig CSS-Code.
Im heutigen Eyecatcher-Trick zeigen wir Ihnen, wie Sie den Hintergrund eines Divi-Moduls automatisch wechseln können. Das schafft Aufmerksamkeit dort, wo Sie es wollen.
Ein Trick, der sich ganz besonders für Buttons eignet, auf welche Sie die Aufmerksamkeit lenken möchten: Der Shake-Effekt. Ganz einfach zu machen – wir zeigen Ihnen wie.
Geht es Ihnen wie mir? Ödet Sie die Login-Seite Ihrer WordPress-Website an? Sie können Sie ganz einfach stylen - so dass sie bestens zu Ihrem Webauftritt passt. Heute zeigen wir Ihnen wie das geht.
Links in Lauftexten sind beliebt, um weiterführende Infos bereitzustellen. Mit ein wenig CSS lassen sich solche Verknüpfungen auch ganz einfach hervorheben und sogar animieren, wenn der Mauszeiger über den Link bewegt wird.
Das Standard-Menü des Divi-Themes lässt sich (nebst dem horizontalen Layout) auch vertikal anlegen. Ab und an bedarf aber die Standardbreite dieses vertikalen Menüs einer Korrektur. Mit ein wenig CSS-Code gelingt das ganz einfach.
Der «Senden»-Button im Divi-Kontaktformular-Modul wird von Haus aus rechtsbündig dargestellt. Es gibt keine Möglichkeit, den Button zentriert oder links auszugeben. Oder doch? Mit ein wenig CSS steuern Sie die Darstellung ganz einfach.
Keine Inhalte gefunden.
Werbung
