Dez
25

Wie Sie mit CSS einfache Fortschrittsbalken und Diagramme erstellen

admin am 25. Dezember 2009

Mit CSS relativ einfach Fortschrittsbalken und Diagramme erstellen
Wenn Sie manchmal verschiedenartige Diagramme für die Darstellung bestimmter Statistiken benötigen, machen Sie vielleicht mit irgendeinem Programm ein Bild, welches Sie danach auf Ihrer Webseite/Ihrem Blog veröffentlichen.
Das Problem dabei ist aber folgendes:
Ändern sich Ihre ursprünglichen Daten, müssen Sie natürlich wieder zuerst das Bild neu abspeichern und neu veröffentlichen [...]

Continue reading about Wie Sie mit CSS einfache Fortschrittsbalken und Diagramme erstellen

CSS 2 Kommentare »
Dez
10

Wie Sie mit CSS schöne Bilderrahmen gestalten können

admin am 10. Dezember 2009

Gestaltung von Bilderrahmen mit CSS
Auf der Webseite http://www.thewebsqueeze.com habe ich einige interessante Beispiele gefunden, wie Sie mit dem Einsatz der CSS-Eigenschaften border und background schöne und ansprechende Bilderrahmen gestalten können.
Ich möchte Ihnen in den folgenden 6 Beispielen zeigen, wie Sie Grafiken mit Rahmen versehen können. Alle verwendeten Bilder habe ich selber gemalt. Sie können diese [...]

Continue reading about Wie Sie mit CSS schöne Bilderrahmen gestalten können

CSS Keine Kommentare »
Nov
12

Wie Sie eine Bildergalerie nach Nummern nur mit CSS erstellen

admin am 12. November 2009

Slideshow by numbers – Slideshow nach Nummern
Ich möchte Ihnen heute ein schönes Beispiel einer tollen Bildergalerie von Stu Nicholls von CSSPlay vorstellen. Diese ist eine ‘CSS only version’, das heißt, dass für die Realsierung der Bildergalerie kein Flash, kein JavaScript oder andere Tricks angewendet wurden, sondern diese alleine mit HTML und CSS realisiert wurde.
Ich habe [...]

Continue reading about Wie Sie eine Bildergalerie nach Nummern nur mit CSS erstellen

CSS Keine Kommentare »
Nov
10

Wie Sie einen animierten Fortschrittsbalken mit CSS erstellen

admin am 10. November 2009

Pure CSS Animated Progress Bar – Animierter Fortschrittsbalken

Ich möchte Ihnen heute in diesem Beispiel mit einer einfachen Demonstration zeigen, wie Sie einen animierten Fortschrittsbalken (animated progress bar) mit HTML und ein wenig CSS herstellen können.
Der Trick ist sehr einfach. Sie benötigen dazu einleitend 3 HTML-Elemente (1 Container und 2 ineinander verschachtelte Elemente).

Beispiel ansehen / Download [...]

Continue reading about Wie Sie einen animierten Fortschrittsbalken mit CSS erstellen

CSS Keine Kommentare »
Nov
3

CSS/HTML-Tricks: Float mit mehreren <div>-Boxen

admin am 3. November 2009

Einleitung
Das klassische Einsatzgebiet für die CSS-Anweisung float ist die Positionierung von Grafiken in einem Fließtext.
Lesen Sie dazu die genauen Erläuterungen in Little-Boxes 1 online.
„To Float“ heißt «schweben» – und eine schwebende Box macht 3 Bewegungen: Sie erhebt sich aus dem normalen Fluss, schwebt wie ein losgelassener Heißluftballon in der umgebenden Kiste auf der einen Seite [...]

Continue reading about CSS/HTML-Tricks: Float mit mehreren <div>-Boxen

CSS Keine Kommentare »