CSS

11 CSS Artikel mit Tipps, Tools, Tutorials & Links

Am Donnerstag, 14. April 2011, in: CSS von xmjayKommentare deaktiviert

CSS-Tipps zur Gestaltung von Text (Teil1) Themenübersicht: Mehrspaltigen Text Initiale (engl. Drop Caps) mit dem CSS Pseudoklassen-Selektor Eingerückte Absätze Schönere &-Zeichen Text-Verläufe Teil1 öffnen CSS-Tipps zur Gestaltung von Text (Teil 2) Themenübersicht: CSS3 text-shadow Eingestanzter Text Kreative Möglichkeiten mit text-shadow Vertikaler Text mit Text-Rotation CSS-Styles für Zitate Text-Animation mit CSS3 transitions Teil 2 öffnen CSS:..

weiterlesen

CSS-Menü per Generator erstellen

Am Mittwoch, 30. März 2011, in: CSS von xmjayKommentare deaktiviert

Ein CSS-Menü mit individuell einstellbaren Parametern für die eigene Webseite generieren. So kann das CSS-Menü ausschauen: Das Erscheinungsbild sowie die Menüpunkte sind über verschiedene Optionen einstellbar. Zum downloaden des CSS-Menüs ist eine kostenlose Anmeldung erforderlich. Fotostrecke: Pure CSS Menu öffnen Tweet

weiterlesen

Texte mit CSStxt gestalten

Am Dienstag, 22. März 2011, in: CSS von xmjayKommentare deaktiviert

Beliebigen Texten verschiedene Style-Elemente zuweisen und den CSS-Code generieren lassen: den zu gestaltenden Text in das obere Feld eingeben gewünschte Style-Elemente(Größe,Farbe,Rahmen,…) auswählen Das Aussehen des Textes mit den gewählten Einstellungen wird angezeigt (zwischen “start”  -> “end”). Ein Klick auf “Get code” erzeugt den CSS-Code. CSSTXT öffnen Tweet

weiterlesen

Farbverlauf mit dem CSS-Gradient Generator erstellen

Am Montag, 21. März 2011, in: CSS von xmjayKommentare deaktiviert

Dieser Generator nutzt die CSS3 Gradient Eigenschaften und funktioniert am besten mit den Browsern Firefix 3.6+, Safari 4 or Chrome 4. Einstellungen (Richtung und Farben) für den Farbverlauf: Das Vorschaufenster: Browseroptionen sowie Eingabe des Namens der CSS-Klasse: Ausgabe des CSS-Codes und Download der Grafik “gradient-bg.png”: Darunter befindet sich eine Infografik zur Browserkompatibilität: CSS Gradient Generator..

weiterlesen

Optimieren mit dem CSS-Compressor

Am Montag, 21. März 2011, in: CSS von xmjayKommentare deaktiviert

CSS-Codes komprimieren und somit die Ladezeiten der Webseite verringern. Die gewünschten Einstellungen vornehmen: Den CSS-Code in das Feld einfügen: Ein Klick auf  “Compress-it!”, und der optimierte CSS-Code wird angezeigt: “Highlight-Code” markiert den gesamten CSS-Code zum kopieren. Die Ergebnisse der Kompression werden angezeigt. CSS-Compressor öffnen “Advanced-Mode” (Erweiterter Modus): Folgende Einstellungen bietet der Modus: Tweet

weiterlesen

Mit CSS3 Maker verschiedene Codes erzeugen

Am Freitag, 18. März 2011, in: CSS von xmjayKommentare deaktiviert

Der CSS3 Maker fertigt nach Auswahl aus verschiedenen Styles den jeweiligen CSS-Code an. Die Auswahl erfolgt über die gezeigte Leiste oder alternativ über das Pull-Down Menü: In der Preview-Area wird der gewählte Style in einer Vorschau angezeigt: Mit welchen Browsern/Geräten der Style kompatibel ist, wird ebenfalls angezeigt: Im Fenster Code wird dieser angezeigt oder kann,..

weiterlesen

CSS3 Buttons einbinden

Am Freitag, 18. März 2011, in: CSS von xmjayKommentare deaktiviert

runder Button CSS-Code: Divide by Zero CSS-Code: Button CSS-Code: Installation: erforderliche CSS-Datei auf dieser Seite herunterladen und entpacken css3buttons.css in den CSS-Ordner Deines Themes hochladen css3buttons_backgrounds.png und css3buttons_icons.png in den Bilderordner kopieren die css3buttons.css in Dein Theme einbinden Auf der Webseite befinden sich weitere Beispiele. Tweet

weiterlesen
Sitemap