Tooltip – chmurka podpowiedzi


19 grudnia 2010 / Michał Kortas


Czasem przy pracy nad tekstem na naszej stronie www zachodzi potrzeba wyjaśnienia jakiegoś słowa, wyrażenia. W efektowny i w efektywny sposób możemy to wykonać za pomocą tzw. TollTip’a. Tooltip to graficzny element interfejsu użytkownika. Jest on wyświetlany po najechaniu kursorem myszy na element nim opatrzony. Tooltip to przeważnie mała „chmurka” lub „dymek”, który zawiera komentarz albo poszerzenie opisywanego zagadnienia.

Wykonanie tego elementu jest dość proste, a przy tym elegancko wygląda na stronach w sieci.

Słowo, nad których chcemy umieścić ‚chmurkę’ umieszczamy w odnośniku:

A do arkusza CSS wstawiamy następujące instrukcje:

Zobacz DEMO



Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *