Suche
Werbung
Profile im Netz
Kategorien
- (x)HTML (12)
- Abenteuerreisen Bahn (3)
- Allgemein (57)
- Apache (3)
- CMS (1)
- CSS (16)
- Fundstücke (16)
- Gentoo Linux (35)
- Inspiration (2)
- iPhone (4)
- JavaScript (5)
- jQuery (3)
- Lesestoff (2)
- Linux (18)
- Magento (5)
- Musik (3)
- Perl (3)
- PHP (34)
- Smarty-Template (2)
- TCL (1)
- Tipps und Tricks (15)
- Typo3 (1)
- Was ist eigentlich? (3)
- Webmaster-Friday (10)
- WordPress (52)
- WordPress-Plugins (24)
- XML (2)
Letzte Tweets
- Lade Tweets ...
- Folge @ppfeufer auf Twitter.
Schlagwort-Archive: CSS
WordPress-Plugin: Your Custom CSS
Es kommt immer mal wieder vor, dass man eine eigene Formatierung in seinen Artikeln nutzen möchte, die WordPress von Hause aus nicht bietet. Mit diesem kleinen Plugin habt ihr die Möglichkeit eigenes CSS in euer WordPress zu bringen. Unterteilt für Frontend und Backend schreibt ihr das CSS einfach in eurem Backend und speichert es ab. Mit dem Speichern wird eine entsprechende CSS Datei generiert und eingebunden.
Weiterlesen
CSS: Bildwechsel bei Mouseover
Ich habe mich mal wieder quer durch meine Blogliste gelesen und bin dabei auf einen Artikel bei Martin gestossen, in dem er beschreibt wie man einen simplen Mouseovereffekt hinbekommt. Seine Beschreibung bezieht sich dabei auf eine Erweiterung des <img /> – Tags mit den Attributen onmouseover=”" und onmouseout=”".
Diese Methode ist sicherlich die Einfachste aber auch anfällig, wenn der Besucher in seinem Browser JavaScript deaktiviert hat. Denn die beiden genannten Methoden sprechen die JavaScript-Engine des Browsers an. Ist diese nicht aktiv, wird kein Bildwechsel zu sehen sein.
Weiterlesen
Lesestoff #2 – CSS-Tipps und Tricks
Im modernen Webdesign geht es nicht mehr ohne. Nein, die Rede ist nicht von jQuery, sondern von etwas viel “Älterem”, von CSS.
CSS ist in diesem Falle auch keine Abkürzung für ein Computerspiel, sondern steht für Cascading Style Sheet, welches die Möglichkeit bietet, HTML-Elementen ihr Aussehen zu verabreichen.
Um genau dieses CSS soll es hier heute gehen und dabei möchte ich euch wieder einige Links meiner Sammlung präsentieren.
Weiterlesen
How To: CSS und UTF-8
Wieder einmal ein Artikel, welcher aus einem Suchbegriff – gesucht wurde nach “smarty utf 8 css” – entstand.
Hierzu sei gesagt, das es keinen Unterschied macht, ob man dafür die Smarty-Template Engine nutzt oder nicht. CSS bleibt CSS. Aber wie bringt man CSS nun UTF-8 bei?
1 | @charset "utf-8"; |
Dies als erste Zeile im CSS unterbringen. Das wars dann auch schon.
Ach ja, bevor ich es vergesse, der Sinn und Zweck dieser Angabe im CSS ist übrigens beim W3C nachzulesen. Die haben einen Artikel namens “Angabe der Zeichencodierung in CSS” auf ihrer Seite veröffentlicht.
Viel Spaß
Werbung
WordPress: Eigene Cursor im Blog verwenden
Mittels CSS hat man die Möglichkeit den Mauscursor auf einer Seite anzupassen. Nicht nur das man definieren kann, ob über einem Button die Hand erscheinen und somit auf ein anklickbares Element hinweisen soll, sondern auch komplett eigene Cursorthemes.
Natürlich funktioniert dies auch unter WordPress und damit man nicht direkt in das CSS des Themes oder ein anderes CSS von WordPress eingreifen muss, erstellt man dafür ein kleines Plugin. Dies geht in diesem Fall wirklich einfacher als es klingen mag.
Weiterlesen
CSS Pseudo-Element :content
Ein hervorragendes Beispiel, dass mit CSS nicht nur DIVs und Tabellen formatieren kann zeigt CSS-Tricks im Artikel “CSS Content” auf. Dort wird beschrieben, wie man mit dem Pseudo-Element :content selbst Attribute von Tags beeinflussen kann. So wird zum Beispiel beschrieben, wie man CSS3 Tooltips schon mit CSS2 realisieren kann.
Ein sehr lesenswerter Artikel.
WordPress: Javascript und CSS kombinieren
WordPress ist leider nicht gerade berühmt dafür, mit Scripten zu sparen, gleiches gilt für CSS.
Wenn man nun einige Plugins installiert hat, so hat man schnell eine recht unüberschaubare Anzahl an JavaScripten und CSS, welche bei jeder Seite geladen werden. Dies wiederum sind pro Script und CSS je ein Request an den Server, was die Seite doch erheblich ausbremst.
Weiterlesen
Cheatsheets: HTML-Entities und HTML-Colors
Diese zwei Cheatsheet habe ich in meiner PDF-Sammlung gefunden und möchte euch diese natürlich nicht vorenthalten.
HTML-Entities
Eine Übersicht über die gebräuchlichsten HTML-Entities
Download
HTML-Colors
Eine Übersicht über viele Farbcode in Hex-Schreibweise
Download
Anmerkung
Diese sind nicht von mir erstellt worden. Ich selbst habe sie vor geraumer Zeit in den Weiten des Netzes gefunden, als diese zum Download angeboten wurden. Leider weiß ich nicht mehr wo, ansonsten würde ich die Quelle gerne nennen.
Werbung
