Ich werde immer wieder gefragt, was denn die Media Queries sind für das DIVI Theme. Hier habe ich sie mal zusammengetragen /* Large screens (1405px upwards) */ @media only screen and ( min-width: 1405px ) { /* your css goes here */ } /* Laptops and desktops...
![DIVI: Ribbon / Bändchen über Bilder legen [DIVI Anleitung / WordPress / CSS]](https://www.chefblogger.me/wp-content/uploads/2021/03/divi-ribbon-bilder-legen.jpg)
Ich bin immer wieder auf der Suche nach Ideen und Tipps und Tricks um eine Webseite zu verschönern. Meistens sind es nämlich Kleinigkeiten die einer Webseite den nötigen Pfiff verleiht. Heute möchte ich euch mal zeigen wie man mit Divi (oder natürlich allen anderen...
![Kreativer CSS Hintergrund mit variablen Farben erstellen (Nur CSS und HTML) [Anleitung / Tutorial]](https://www.chefblogger.me/wp-content/uploads/2021/03/creativer-css-hintergrund-variable.jpg)
Heute möchte ich euch einen weiteren Hintergrund für eure Webprojekte oder Livestreams vorstellen. Diesmal ist es nicht so ein einfacher Hintergrund wie gestern mit dem einfarbigen oder Farbverlauf. Heute gehen wir mal ein wenig weiter. Wir haben heute ebenfalls 2...
![Wie erstelle ich einen Hintergrund mit Farbverlauf (Nur CSS und HTML) [Anleitung / Tutorial]](https://www.chefblogger.me/wp-content/uploads/2021/03/css-hintergrund-mit-farbverlauf.jpg)
Ich werde immer wieder gefragt, wie man denn einen Hintergrund erstellen kann. Entweder soll der Hintergrund Einfarbig sein oder einen Farbverlauf haben. Eigentlich ist es überraschend einfach sowas zu machen, da es wirklich nur 1 Befehl ist den man austauschen kann....
![Kreative Webseite mit Slide-In Menu [HTML & CSS & JS]](https://www.chefblogger.me/wp-content/uploads/2021/01/kreative-webseite-mit-slide-in-menu.jpg)
Wer meine wöchentliche Inspiration Show am Freitag Nachmittag sieht, der weiss bereits bereits, dass ich ein absolute Fan von kreativen Webseiten bin. Je verrückter das Design desto besser gefällt es mir. Bei den meisten Webseiten schlafen mir heute die Füsse ein. Aus...
![Wie erstellt man kreative Rahmen um ein Bild? (Nur CSS und HTML) [Anleitung Deutsch / Tutorial]](https://www.chefblogger.me/wp-content/uploads/2020/11/Wie-erstellt-man-kreative-Rahmen-um-ein-Bild.jpg)
Heute habe ich mal wieder ein CSS Tutorial für euch aufgenommen und zwar möchte ich euch zeigen, wie man auf eine sehr einfache Weise bis zu 3 Rahmen um ein Bild legen kann und so so positionieren kann, dass es sehr kreativ aussieht und auffällt. Es ist gar nicht mal...
![Wie erstellt man einen Social Media Slide-In Button? (Nur CSS & HTML) [Anleitung / Tutorial]](https://www.chefblogger.me/wp-content/uploads/2020/09/social-media-slide-in-button.jpg)
Heute zeige ich euch wie man mit CSS und HTML So ein Slide-In Button erstellen kann. HTML Facebook CSS .fa-facebook-square { font-size: 32px; } .nav-container { position: absolute; top: 30%; transform: translateY(-50%); } .nav-container a { display: block;...
![Galerie ohne Media Query erstellen nur mit CSS Display Grid (Nur CSS & HTML) [Anleitung / Tutorial]](https://www.chefblogger.me/wp-content/uploads/2020/09/galerie-ohne-media-query.jpg)
Ich habe heute mal wieder eine echt coole CSS Anleitung mitgebracht. Und zwar kennt ihr alle diese nervigen Galerien die sehr kompliziert zu programmieren sind und sehr langsam sind. In der heutigen Anleitung zeige ich euch einen Weg wie man mit CSS und nur 3 Zeilen...
![Wie erstellt man einen Mouse Hover Effekt mit Text Bereich (Nur CSS und HTML) [Anleitung / Tutorial]](https://www.chefblogger.me/wp-content/uploads/2020/08/wie-erstellt-man-einen-hover-effekt-mit-text-bereich.jpg)
Im heutigen Video stelle ich euch einen sehr einfachen aber wirkungsvollen Mouse Hover Effekt vor. Als erstes seht ihr ein einfaches Bild und wenn ihr mit der Maus darüber fährt, startet der Mouse Hover Effekt und ihr seht eine farbige Fläche inkls eines Titels....
![Wie erstellt man eine einfache CSS Masonry Galerie (Nur CSS und HTML) [Anleitung / Tutorial]](https://www.chefblogger.me/wp-content/uploads/2020/08/Wie-erstellt-man-eine-einfache-CSS-Masonry-Galerie.jpg)
Ich werde in regelmässigen Abständen mit dem Thema Galerie bei WordPress konfrontiert. Es gibt dazu zwar tausende von Plugins, aber viele Plugins sind so unnütz übersichtlich und aufgebläht programmiert worden, dass es die WP Installation unübersichtlich und oder...
Wenn ihr CSS hört, dann denkt ihr sicher an meine Videos wie man Formulare damit verschönern kann, oder wie man Uhren zeichnen oder Overlay programmieren kann. Aber mit CSS kann man sogar noch viel mehr machen. Es gibt da Künstler auf der Welt - die machen Zeug - da...
Heute zeige ich euch wie man mit wenig Zeilen von Code einen coolen Hover Effekt machen kann, der mich an ein Polaroid-Foto erinnert. Sehr einfach und schnell gemacht. Video Anleitung https://www.youtube.com/watch?v=WY3ptA7TgtM Quellcode HTML Titel Dies ist eine...