Apple Breadcrumbs zum Nachbauen, 2. Teil
Wie bereits im ersten Teil der DIY Apple Breadcrumbs angesprochen, kann die Brotkrümelnavigation auch rein per CSS3 und ein wenig HTML, also ganz ohne Bilder als Trenner generiert werden. Der...
View ArticleSnippet: Spamschutz mit Honeypots
Wer mit Spam bei HTML-Formularen oder bei WordPress Blogs durch ungewünschte Massenkommentare konfrontiert wird, kann mit einer einfachen Methode schnell Abhilfe schaffen: Den so genannten Honeypots....
View ArticleEinfacher Link-Tooltip mit CSS
Um simple Tooltips für das Anzeigen weiterer Informationen zu einem Link bereitzustellen, benötigt man kein JavaScript. Etwas HTML und CSS reicht aus, um beim Hovern über den Hyperlink ein kleines...
View ArticleSelectbox rein per CSS gestalten
Die Auswahlboxen (in Webkreisen besser bekannt als “Selectbox”) sind oft Bestandteil in HTML-Formularen. In ihrer Urform passen sie vom Aussehen leider nicht immer zum restlichen Design der Website und...
View ArticleTipp: Aktive Links per jQuery hervorheben
Aktive Links kann man innerhalb eines Menüs auf verschiedene Arten hervorheben. Die einfachste Variante wäre wohl die Visualisierung per reinem HTML und ein wenig CSS-Code statisch umzusetzen, z.B.:...
View ArticleInfobox mit CSS Ribbon
3D-Ribbons sind bei der Hervorhebung von Infoboxen als grafisches Gestaltungselement sehr beliebt. Wer dazu vielleicht bislang – zumindest teilweise – noch eine Grafik verwendet hat, kann getrost...
View Article3D CSS Ribbon mit Pseudoelementen
Eine weitere Option zur CSS Ribbon-Variante von letzter Woche ist das Anwenden der CSS-Pseudoelemente before und after. Mehr über den Unterschied zu Pseudoklassen und Pseudoelementen könnt Ihr im...
View ArticleMit WP Hooks Javascript und CSS richtig einbinden
Des Öfteren habe ich in WordPress schon eigene CSS- und JavaScript-Dateien einbinden müssen, um z.B. bestimmte Plugins zu unterstützen. Nun gibt es grundsätzlich zwei unterschiediche Wege dies zu tun:...
View ArticleGleichmäßiger Spaltensatz für WordPress Posts
Es gibt einige Möglichkeiten, um ein Spalten-Layout in die eigene Website oder den WordPress Blog zu integrieren. Ich stelle Euch heute drei Varianten für ein dreispaltiges Layout dazu vor. Die erste...
View ArticleResponsive Videos per CSS oder JavaScript
Heute gibt es zur Abwechslung mal wieder ein kleines Tutorial zur Umsetzung von Responsive Videos mit HTML/CSS und JavaScript. Problem Wenn Ihr bspw. ein YouTube-Video in Eure Website einbettet, ist in...
View Article“Price Tags” per CSS erstellen
Ich hatte Euch in einem vorherigen Beitrag schon einmal vorgestellt wie Ihr mit Hilfe von CSS 3D Ribbons erstellen könnt. Nun folgt eine kleine Abwandlung davon, denn ich zeige nun wie man mit...
View ArticleEigene Social Media Buttons mit Share-Funktion
In diesem Plugin-Tutorial stellen ich einen möglichen Ansatz vor wie man seine eigenen Social Media Buttons zum Teilen (Share-Funktion) von Beiträgen oder anderen Inhalten erstellen kann. Oft reichen...
View Article
