1
 |
Tooltips sind schön, weil sie einem helfen dem User, ohne von Anfang an sichtbar und aufdringlich zu sein, direkt an Ort und Stelle hilfreiche Informationen bereit zustellen.
Doch für die meisten Tooltips benötigt man die Unterstützung von Javascript.
Doch manch ein hartgesottener Internet-User wehrt sich gegen die Flut von Javascript Popups und Animationen indem Javascript im Browser deaktiviert.
Hinüber sind die schönen Tooltips!
Aber es gibt Hilfe in Form von reinen CSS-Tooltips, die mindestens genau so schön und zurückhaltend sind wie ihre Javascript-Büder.
Wie das geht zeigt dieses Tutorial!
|
2
|
Mit purem HTML nur sehr schwer realisierbar: die pixelgenau Zentrierung eines Elementes in der Mitte der Webseite.
|
3
|
|
4
|
Durch Pseudoelemente lassen sich spezielle Zustände oder Bereiche von Elementen durch eigene Selektoren ansprechen.
|
5
|
Wer auf seiner Hompage Hyperlinks etwas mehr Aufmerksamkeit schenken möchte, ohne diese durch eine andere Schriftfarbe oder sonst eine Textverzierung hervorheben zu wollen, kann sich helfen, indem er hinter jeden Hyperlink ein kleines Icon platziert.
Um aber nicht jedesmal mühsam von Hand den Img-Tag platzieren zu müssen, kann man sich mit CSS und dem Pseudo-Elemet :after helfen.
|
6
|
Eine goldene Regel, die man beim Arbeiten mit Hover-Effekten beachte sollte:
Nutze nur ein Hintergrundbild!
Wie das geht erfährst du hier!
|
7
 |
|
8
 |
In diesem Artikel lesen Sie, wie Sie Buttons mit Hilfe von CSS formatieren können.
|
9
 |
|
10
|
|
