Nachdem ich mal wieder ein wenig Zeit gefunden habe, gibt es hier nun wie versprochen eine optisch aufgepeppte Variante meiner Lightbox-Bildergalerie. Folgende Ergänzungen gibt es im Vergleich zur ursprünglichen Version:
:before und :after) sowieUnd so sieht’s aus:
Hier findest du eine Live-Demo der Bildergalerie:
und hier die Galerie als Download zu deiner freien Verfügung:
Viel Spass damit.
Interesse an einem neuen Theme für deine WordPress-Webseite? Dann hab ich hier was für dich. Mein neues kostenloses WordPress-Theme ’DREIZEHN’ kommt ziemlich bildgewaltig daher: ein großformatiges Kopfzeilenbild sowie groß bemessene Artikelbilder (auch Post-Thumbnails genannt) verleihen ‘DREIZEHN’ das gewisse Etwas.
Das Theme ist ist responsiv und bietet jede Menge cooler Features und CSS3-Funktionen. Darüber hinaus gibt es vielfältige Theme-Optionen mit denen das Theme auf einfache Weise den eigenen Bedürfnissen angepasst werden kann. So kannst du beispielsweise die Farbgestaltung verschiedener Theme-Elemente über Color-Picker verändern, Featured Posts in verschiedenen Varianten nutzen und aus einer ganzen Reihe von Google Web Fonts deine Lieblingsschriftart auswählen.
Hier eine kurze Zusammenfassung der Features:
Theme ‘DREIZEHN’ auf Tablet
Eine Live-Demo gibt es hier:
Den Download findest du unter folgendem Link:
Das Theme ist kostenlos und kann uneingeschränkt genutzt, verändert und weitergegeben werden. Einzige Voraussetzungen: der Autor im Fußbereich darf nicht gelöscht und das Theme nicht von Dritten vertrieben werden.
Endlich hatte ich mal wieder etwas Zeit gefunden, um mein neuestes Theme ‘ELF’ zu vollenden. Es ist ein responsives, deutschsprachiges WordPress-Theme im aktuell modernen Kachel-Look mit einer Menge cooler Features und CSS3-Funktionen.
Das Theme glänzt mit vielfältigen Theme-Optionen mit denen es auf einfachste Weise den eigenen Bedürfnissen angepasst werden kann. So kannst du beispielsweise die Darstellung der Artikel auf den Blogseiten anpassen, Featured-Artikel in verschiedenen Varianten nutzen und vieles mehr.
Wie ich Eingangs schon erwähnte, ist das Theme auf den Blogseiten im Kachel-Design gehalten. Dabei kannst du wählen, ob der Hintergrund der Kacheln farblich einheitlich oder unterschiedlich dargestellt werden soll. Des Weiteren kannst du aus einer ganzen Reihe von Google Web Fonts deine Lieblingsschriftart auswählen und über die Theme-Optionen einstellen.
Was gibt’s noch:
Eine Live-Demo gibt es hier:
Den Download findest du unter folgendem Link:
Das Theme ist in einer weiteren Variante mit anpassbaren Layoutelementen und Kachelfarben verfügbar. Den Download findest du unter folgendem Link:
Das Theme ist kostenlos und kann uneingeschränkt genutzt, verändert und weitergegeben werden. Einzige Voraussetzungen: der Autor im Fußbereich darf nicht gelöscht und das Theme nicht von Dritten vertrieben werden.
Vor einiger Zeit habe ich in in diesem Artikel eine Bildergalerie vorgestellt, die Bilder bei Mouseover vergrößert. Was mit Desktopbrowsern prima funktioniert, ist auf mobilen Browsern eher suboptimal und verlangt nach einer besseren Lösung.
Da könnte ich folgendes anbieten: mittels des Checkbox-Hacks werden Bilder per Mauskilck vergrößert und bei erneutem Mausklick wieder verkleinert. Perfekt zum “touchen” aber auch für Desktop-Browser eine tolle Sache. Und das alles per minimalistischem CSS-Code.
Und neugierig geworden? So wird unsere fertige Galerie später aussehen:
Um auch optisch zu überzeugen, garnieren wir das Ganze noch mit einigen CSS3-Spielereien. Ihr wisst ja, dafür bin ich immer zu haben.
Dann legen wir mal los.
Mein neues Theme “ZWOELF” steht ab sofort zum Dowload bereit. Es ist ein responsives WordPress-Theme mit jeder Menge cooler Features und CSS3-Funktionen. ’ZWOELF’ ist mein erstes “internationales” Theme, welches für die Nutzung von Sprachdateien vorbereitet ist. So ist es relativ einfach weitere Sprachen (englisch und deutsch sind vorhanden) zu integrieren.
Das Besondere am Theme: die Artikel werden auf den Blogseiten in Spalten neben- und untereinander dargestellt. Ebenfalls hervorstechend ist das über die gesamte Breite verlaufende Kopfzeilenbild.
Es gibt vielfältige Theme-Optionen mit denen das Theme auf einfache Weise den eigenen Bedürfnissen angepasst werden kann. So kannst du beispielsweise die Darstellung der Artikel auf den Blogseiten (2- oder 3-spaltig und Hintergrundfarbe) anpassen, Featured Posts in verschiedenen Varianten nutzen und aus einer ganzen Reihe von Google Web Fonts deine Lieblingsschriftart auswählen.
Hier eine kurze Zusammenfassung der Features:
Eine Live-Demo gibt es hier:
Den Download findest du unter folgendem Link:
Das Theme ist kostenlos und kann uneingeschränkt genutzt, verändert und weitergegeben werden. Einzige Voraussetzungen: der Autor im Fußbereich darf nicht gelöscht und das Theme nicht von Dritten vertrieben werden.
Mein spezieller Dank geht an Oliver Stöckl, für seine Hilfe bei der englischen Lokalisierung.
Ist dir mein Weihnachtsgruß oben links schon aufgefallen? Nett von mir, oder? Und das sogar multilingual.
Willst du wissen wie das funktioniert und hast du Lust das Banner nachzubauen? Prima, dann mal los.
Das Zauberwort heißt keyframe-Animationen. Diese waren bis vor kurzem noch Webkit-Browsern und Mozilla Firefox vorbehalten, mit den neuesten Browser-Versionen hat nun aber auch Microsoft und Opera nachgezogen. Somit steht dem Einsatz von selbstablaufenden Animationen nichts mehr im Wege.
Schon mal etwas vom Checkbox Hack gehört? Der Checkbox-Hack ist ziemlich simpel: eine Checkbox (zu deutsch ein Kontrollkästchen) wird zweckentfremdet und über dessen Status (angehakt oder nicht angehakt) ein Element unterschiedlich definiert.
Damit lassen sich viele tolle Sachen machen. Wie wäre es zum Beispiel mit einem Bereich, der erst dann eingeblendet wird, wenn ihr auf einen Button klickt? Das lässt sich prima für Frage-/Antwort-Bereiche nutzen. Im Standard (Kontrollkästchen ist nicht angehakt) ist nur die Frage zu sehen und der Antwort-Bereich ausgeblendet. Wird das Kontrollkästchen aktiv (Kontrollkästchen wird angehakt) wird der Antwortbereich eingeblendet. Wenn das Kontrollkästchen wieder inaktiv wird, blendet sich der Bereich wieder aus.
Interessante Sache, oder?
Wer jetzt an das hier denkt:
sollte sich vom Aussehen eines Kontrollkästchens verabschieden, da wir das eigentliche Kästchen nicht brauchen und ausblenden werden. Wir benötigen lediglich das Label und, wie bereits beschrieben, den Status der Checkbox.
Um das Ergebnis dieses Tutorials gleich vorwegzunehmen: wir werden dies hier erstellen:
Und los geht’s.
Auf vielfachen Wunsch: mein Theme ‘”ELF” in einer zweiten Variante, mit der Möglichkeiten die Farbgestaltung des Themes und der Kacheln über die Theme-Optionen zu steuern und so auf einfache Weise deinem persönlichen Geschmack anzupassen.
So lassen sich mit dieser Variante die Farben
einstellen.
Darüber hinaus können die Farben der Kacheln angepasst werden:
Den Download dieser Variante findest du unter folgendem Link:
Wie immer gilt: das Theme ist kostenlos und kann uneingeschränkt genutzt, verändert und weitergegeben werden. Einzige Voraussetzungen: der Autor im Fußbereich darf nicht gelöscht und das Theme nicht von Dritten vertrieben werden.