CSS

Alle Beiträge mit dem Tag "CSS"

Kein Bild
27. Juli 2015

Kugelsichere Font in CSS

Nachdem ich ja den Artikel über das Einfügen von Schriftarten mittels CSS unter WordPress machte, verwiesen mich einige Kommentare und Leser darauf, das dies nicht ganz korrekt ist. Die sogenannte Kugelsichere (Bulletproof) Variante für das einbinden von Fonts bezieht auch den Internet Explorer ein. Wichtig hierbei ist es möglichst alle Formate der Schriftart zu haben. […]

Weiterlesen
Kein Bild
5. Juni 2015

HTML5 Benachrichtigungen mit Firefox & Chrome

Vorweg, warum es keinen IE gibt müsst ihr Microsoft fragen. Genügend Anfragen gibt es dort. Explizit nach einer Offiziellen Möglichkeit für die Windows 8 Benachrichtigung. Firefox nutzt unter Linux sogar die Systemspezifische Benachrichtigung und nicht die eigene. Wer sich das mal anschauen möchte kann ja wenn er meinen Blog auf hat in Chrome oder Firefox […]

Weiterlesen
Kein Bild
23. März 2015

E-Mails und Telefonnummer sicher vor Spambots schützen

Jeder Admin kennt dieses leidige Thema, man muss seine Emailadresse und die Telefonnummer im Impressum hinterlassen. Heutzutage werden ja sogar Telefonnummern gecrawlt. Eine Möglichkeit sich davor zu schützen ist, alles als Revert, also verkehrt herum auszugeben. Wie das mit der Funktionalität von Anrufen und schreiben aussieht, weis ich nicht, aber ich denke diese Funktionalität wird […]

Weiterlesen
Kein Bild
13. Feb. 2015

Favicons für alle Browser

Beim überarbeiten des Designs und Optimierung zu einem Responsive Design, stieß ich dank eines netten Tipps auf realfavicongenerator.net. Das Tool optimiert ein Foto für alle Browser, die Standard Browser der Betriebsysteme, darunter Internet Explorer, Chrome, Safari und viele mehr. Für ein optimales Ergebnis solltet ihr ein Bild mit der Größe 260×260 nutzen. <link rel="profile" href="http://gmpg.org/xfn/11"/> […]

Weiterlesen
Kein Bild
23. Jan. 2015

Youtube Videos automatisch Responsive in WordPress einbinden

Beim entwickeln und anpassen von WordPress Templates gibt es oft ein Problem. Embedded Videos sind meist nicht Responsive. Doch mit einer weiteren Filter Funktion ist dies gelöst. [php]add_filter( ’embed_oembed_html’, ‘custom_oembed_filter’, 10, 4 ) ; function custom_oembed_filter($html, $url, $attr, $post_ID) { $return = ‘<div class="video-container">’.$html.'</div>’; return $return; }[/php] Diese Funktion fügt den Video Containern automatisch ein […]

Weiterlesen
Kein Bild
11. Dez. 2014

Schriftarten einfügen mit CSS 3 in WordPress

Achtung! Aktuellere Variante findet ihr unter dem Thema Kugelsichere CSS Ich habe bearbeite gerade wieder mein Template und denke mir, eigentlich könnte ich den Header auch gleich in meinen Stil versetzen mit meiner Lieblingsschriftart. Nur, verdammt … wie setz ich in CSS ne Schriftart und vor allem wie eine fremde? Natürlich heillos am googlen. :D […]

Weiterlesen
Kein Bild
6. Nov. 2014

Korrekte Einbindung von Favicons

Eine korrekte Einbindung des Favicons ist manchmal doch kein Zuckerschlecken, gerade wenn es um das Thema Browser Kompatibilität geht. Das das Favincon als link Type in den Head Bereich sollte jedem klar sein. Auch die Dateiformate ico, gif und png sollten klar sein. Andere Formate kann man, sollte man aber nicht einbinden, da man nie […]

Weiterlesen
Kein Bild
21. Sept. 2014

Div Boxen für Warnungen, Informationen und weitere Meldungen

Weil ich selbst immer wieder nachschlage muss wie ich das so halbwegs optimal hinbekomme, notiere ich mir das hier einmal in der Hoffnung das es anderen auch hilft. Mit CSS habe ich ganz einfach CSS Alerts gemacht. Eine Infonachricht! Erfolgreiche Nachricht Warnmeldung Fehler Meldung So können diese aussehen, diese kann man ja wenn man will […]

Weiterlesen
Kein Bild
31. Juli 2014

Versteckte Quelle bei Copy & Paste

Nachdem ich immer mehr Content Diebe erlebt, auch mal ein kleines CSS Stückchen was überall zig Fach im Netz zu finden ist. Damit mein Block so einzigartig bleibt wie jeder anderer. :D Stört natürlich wenn man eigenen Content wiedergegeben auf anderen Seiten findet. Dreist ist es natürlich wenn sie 1 zu 1 kopiert werden oder […]

Weiterlesen
Kein Bild
9. Apr. 2014

CSS Eigenschaften mit der Maus

Dank Alex bin ich nun auch mal neugierig auf die Mauseigenschaften geworden, die so mit CSS machbar sind. Daher gibt es hier mal eine kurze, kleine Übersicht an nütlichen Mäusen. Pointer: [css] .maus_pointer { cursor: pointer; } [/css] Dann den allseits beliebten Loader, dieser nennt sich Wait. Wait [css] .maus_wait { cursor: wait; } [/css] […]

Weiterlesen