Wolltet ihr schon immer mal den Text in einem Textmodul in Divi ein wenig aufbessern? Erinnert ihr euch noch an die alten Bücher aus den Mittelalter wo die Mönche geschrieben haben und überall so stark verzierte Buchstaben drin stehen hatten? Genau sowas könnt ihr…
CSS
Eine Liste wie eine Zeitleiste stylen? CSS Anleitung
Gehen euch die einfachen Listen in HTML auch langsam auf den Wecker? Dann habe ich hier ein Beispiel wie ihr eine Liste verschönern könnt. Mit diesem kleinen Trick kann man aus einer Liste ne Art Timeline machen oder einfach die ganze Liste ein wenig farbenfroher…
Farbiger Text mit NTH-Child Selektor (CSS Anleitung)
Ihr habt sicher schon von diesem NTH Child Selektor gehört, damit lassen sich repetitive Arbeiten leicht abnehmen. Der :nth-child-Selektor wählt das n-te Element zu einem Elternelement aus. Eine praktische Sache wenn man DIV Klassen ansprechen muss, die den gleichen…
Herunterfallende Text Animation mit GSAP Bibliothek (CSS und Javascript Anleitung)
Diese Art von Animation sieht man immer wieder gerne. Man kann nämlich nicht nur ganze Wörter animieren sondern auch Buchstabe für Buchstabe und zwar einer genialen Javascript Bibliothek genannt GSA. Ihr denkt jetzt sicher, momentmal das sieht zwar cool aus ist aber…
Der 2 Button in 1 Button nur aus CSS und HTML
Heute möchte ich euch mal ein speziellen Button zeigen und zwar einen 2 in 1. Wenn man mit der Maus über den Button fährt, dann kommen anstatt nur 1 Links halt 2 oder mehrere daher. So kann man also mit 1 Button mehrere Social Media Links präsentieren oder andere…
Wie man ein Bild aus Text erstellen kann, mit CSS und HTML
Diesen kleinen Effekt habt ihr sicher schon öfters gesehen und zwar wird hier ein Bild simuliert und zwar aus reinem Text – so sieht es wenigstens aus. In Wahrheit ist da ein Text über einem Bild gelegt worden und dank einem kleinen CSS Trick wird dort wo die…
Cooler eigener Mauszeiger für die eigene Webseite programmieren – mit CSS und JS
Heute habe ich mal ein ganz spassiges Thema für euch vorbereitet und zwar das Thema Mauszeiger oder wie es auf Englisch heisst Cursor. Ihr kennt den alle, der hat sich in all den Jahren in denen ich ein Computer verwende – also seit ca 1988 – nie gross…
Wie erstelle ich ein Sticky Element mit CSS und HTML
Heute möchte ich euch zeigen wie ihr sein sehr spannendes Element für eure Webseite machen könnt, welches man leider nur sehr selten sieht. Und zwar heisst dieses Element „Sticky Element“ – wie „klebriges Element“. Es ist ein Bereich…
Einen fixed Header oder Footer mit CSS erstellen (CSS Anleitung Deutsch)
Heute möchte ich euch zeigen wie ihr ein sogenannten Fixed Footer oder Fixed Header in eure Webseite einbauen könnt. Ihr habt das sicher schon öfter gesehen, denn es ist ein Designelement das wirklich sehr gerne verwendet wird. Wenn man nämlich viel Inhalt auf die…
Mit Javascript Text verstecken und anzeigen lassen (Deutsche Anleitung)
Heute möchte ich euch etwas zeigen, das viele bereits aus den Online Shops kennen. Und zwar zeige ich dir, wie du es schaffst dass ein Element ausgeblendet ist und erst sichtbar wird, wenn man eine Checkbox aktiviert. Dieser Effekt kann man sehr schön einsetzen, man…









