Archiv für das Schlagwort "internet"

CSS Icon

[CSS-Basics] Möglichkeiten ein Element auszublenden

Nehmen wir mal folgendes an: wir haben im Quelltext unserer Webseite ein Element definiert, welches unter gewissen Bedingungen nicht angezeigt werden soll. Warum auch immer. Als Grund fällt mir ein: das Ein- oder Ausblenden soll mittels transition animiert werden ein Untermenü einer Navigation soll nur eingeblendet werden, wenn das übergeordnete Listenelement aktiv wird bestimmte Elemente

olivergast.de Logo

Oh, oh. Wie sieht es denn hier aus?

Die Stammbesucher werden es schon gemerkt haben: irgendwas sieht hier anders aus. Nach etwas mehr als einem Jahr mit meinem Theme “ZWEI” war auch bei mir mal wieder ein Tapetenwechsel fällig. Das neue Design basiert auf dem kommenden Theme “FUENFZEHN”. Das Theme ist allerdings noch nicht final; es wird ganz sicher noch die ein oder

CSS Icon

[CSS3] Der Checkbox Hack am Beispiel eines Frage- und Antwort-Bereichs

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

CSS Icon

[CSS3] Eine Lightbox-Bildergalerie mittels Checkbox-Hack

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”

CSS Icon

[CSS-Basics] Ein Element horizontal und vertikal zentrieren

In diesem Tutorial zeige ich, wie ein Element horizontal oder vertikal (oder beides) zentriert wird. Das soll unser Ergebnis sein: Angenommen wir haben ein Element 1 wie folgt definiert 1 dann schaut das im Browser etwa so aus: Anmerkung: das box-sizing habe ich eingefügt, damit padding (Innenabstand) das Element nicht vergrößert. Ohne box-sizing hätten wir

CSS Icon

[CSS-Basics] Elemente nebeneinander anordnen

In dieser Rubrik werde ich künftig das ein oder andere Tutorial zu Themen veröffentlichen, welche öfter mal nachgefragt werden. Im ersten CSS-Basics-Tutorial zeige ich, wie ihr drei gleichgroße Elemente nebeneinander mit einer Breite von 100% anordnet. Um den Schwierigkeitsgrad noch etwas zu steigern, zeige ich auch Möglichkeiten auf, wie dies mit Elementen, für welche ein Außenabstand

CSS Icon

[CSS-Basics] Text innerhalb eines Elements zentrieren

Einen Text innerhalb eines Elements horizontal und vertikal zu zentrieren ist nicht immer ganz einfach; besonders wenn das Element eine vorgegebene Größe hat. Der Klassiker ist natürlich dieser: 1 Durch den Innenabstand ist der Text zentriert, da der Abstand zu den Rändern jeweils 5 Pixel beträgt. Das klappt natürlich nur, wenn man in der Wahl

Wordpress Icon

[WordPress] Attacken auf WordPress betriebene Webseiten

Die “Attacken” auf WordPress-Blogs haben in der letzten Zeit deutlich zugenommen. Es wird versucht über die Login-Seite in das Backend einzudringen und den Blog zu übernehmen. Die Arbeit verrichten dabei Bots, die mittels automatisierten Scripten Login-Kombinationen aus Benutzernamen und Passwörtern durchprobieren. Dabei haben die Bots es wohl speziell auf den “admin”-Account abgesehen, da dieser standardmäßig bei

Wordpress Icon

[WordPress] Theme ‘DREIZEHN’

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