Telefonnummer als Link für Smartphones

Mit Hilfe eines simplen HTML-Tags ist es möglich, auf Smartphones die Telefonnummer als Link anzeigen zu lassen. Per „Klick“ (oder besser gesagt: Berührung) lässt sich so die verlinkte Telefonnummer anrufen. Auch kannst du an die genannte Nummer eine SMS verschicken.

In diesem Artikel zeige ich dir, wie das funktioniert.

Weiterlesen …Telefonnummer als Link für Smartphones

Sich drehende Blätter als Menü

Mit CSS sind diverse und zudem witzige Effekte möglich. Du kannst bspw. ein Menü erzeugen, das aus Blättern besteht die sich um die eigene Achse drehen. Der Effekt startet, wenn du mit der Maus darüber fährst. Für den Einsatz auf professionellen Websites ist das jedoch sicher nicht gedacht. Als Designbeispiel oder auf privaten Websites kann dieser Effekt aber durchaus witzig sein.

im Folgenden zeige ich dir, wie du einen solchen Effekt auch auf deiner Website einbauen kannst.

Weiterlesen …Sich drehende Blätter als Menü

Leuchtende Rahmen für Formularfelder

Mittels CSS ist es überdies möglich, leuchtende Rahmen um Formularfelder herum zu erstellen. Die Rahmen leuchten dabei nur dann, sobald die Felder aktiv sind. Somit kann man den Seitenbesuchern eine visuelle Unterstützung bieten.

Mit dem folgenden Snippet kannst du schließlich den leuchtenden Rahmen erstellen.

Weiterlesen …Leuchtende Rahmen für Formularfelder

Download-Link mit CSS visualisieren

Du kannst ganz einfach einen Download-Link mit CSS visualisieren. So lässt sich ein Link, der zu einem Download führt, bspw. mit einem Disketten-Symbol versehen. Der Vorteil dabei ist, dass deine Besucher direkt sehen können, dass es sich bei diesem Link um einen Download handelt.

Wie das Script aussieht, und wie du es in deine Webseite einbauen kannst, zeige ich dir in diesem Artikel.

Weiterlesen …Download-Link mit CSS visualisieren

Attributbedingte CSS Formatierung

Es ist im Grunde genommen recht einfach möglich, eine attributbedingte CSS Formatierung zu erstellen. Das heißt, dass man das Format – z.B. von einem Text – von einem Attribut abhängig macht. So ist es bspw. möglich, alle zentrierten Texte anders zu formatieren, als nicht zentrierte Texte. Die Möglichkeiten dabei sind fast unbegrenzt.

Aus diesem Grund zeige ich dir in diesem Artikel, wie du über Attribute die Formatierung von CSS steuern kannst.

Weiterlesen …Attributbedingte CSS Formatierung

Kategorien CSS Schlagwörter

Aufzählungslisten mit eigener Grafik

Aufzählungslisten werden im Browser meist entweder mit einem Punkt, oder einem Kästchen dargestellt. Diese lassen sich zwar farblich anpassen, sehen bei manchen Designs jedoch nicht immer vorteilhaft aus. Es ist allerdings auch möglich, Aufzählungslisten mit eigener Grafik darzustellen. Dazu ist ein wenig CSS vonnöten.

In diesem Artikel zeige ich dir, wie du mit CSS die Aufzählungszeichen mit einer eigenen Grafik anpassen kannst.

Weiterlesen …Aufzählungslisten mit eigener Grafik

Inhaltsverzeichnis mit CSS erstellen

Man kann mit CSS ein Inhaltsverzeichnis erstellen, wie man es aus Büchern und Zeitschriften kennt. Dies lässt sich dabei auch noch recht einfach realisieren. Alles, was du dazu benötigst, sind vier CSS Klassen. Diese sind dabei für die Formatierung des Textes und der Seitenzahlen zuständig.

In diesem Artikel zeige ich dir, wie das funktioniert.

Weiterlesen …Inhaltsverzeichnis mit CSS erstellen

Senkrechte Trennlinien mit CSS erstellen

Mit dem HTML Tag <hr> lassen sich spielend leicht horizontale Trennlinien erstellen. Dies ist dazu auch schon sehr lange in HTML möglich. Aber du kannst auch ohne viel Aufwand senkrechte Trennlinien erstellen. Obwohl man das auch in reinem HTML machen kann, zeige ich dir hier die Variante via CSS. Jedenfalls setzen nicht alle Browser die HTML Variante gleich um. Weiterhin ist darüber hinaus HTML nicht länger für die Gestaltung von Elementen vorgesehen.

Weiterlesen …Senkrechte Trennlinien mit CSS erstellen

Trennlinien mit CSS gestalten

Trennlinien setzt man im Grunde genommen häufig für viele Dinge ein. Sei es entweder als zusätzliches Style Element, oder um gewisse Bereiche auf einer Website voneinander zu trennen. Diese Trennlinien müssen jedoch nicht immer grau sein. Du kannst dabei sehr einfach und vielfältig die Trennlinien mit CSS gestalten.

Welche Möglichkeiten es gibt, erfährst du im folgenden Abschnitt.

Weiterlesen …Trennlinien mit CSS gestalten