|
|||||
![]()
Odpremo Dreamweaver (html) in shranimo dokument, potem odpremo neko sliko ter jo pomanjšamo, sliko pustimo označeno.
|
|||||
|
|||||
![]()
Nato v okencu Insert izberemo Spry.
|
|||||
|
|||||
![]()
V podoknu Spry kliknemo na Spry Tooltip.
|
|||||
|
|||||
![]()
Pod sliko se nam odpre okence, kamor vpišemo poljuben tekst.
|
|||||
|
|
|||||
![]()
Nasto odprite CSS style če se nimate kliknite SHIFT+F11. nato klikite spodaj na ALL.
V oknu All Rules v katerem je neki + nan kliknite in odrla se vam bosta dve vrstici s dvoklikom na spodnjo .tooltip. Contcent. se vam bo odprlo novo okno Lastnosti. |
|||||
|
|||||
![]()
Tukaj se malo poigrajte z lastnostmi.
V kategoriji Box določite višino in dolžino tooltipa, v katerem je vaš tekst (Vlak). Jaz sem določil 500 x 450 px. Ko končate, kliknite na OK. |
|||||
|
|||||
![]()
Pogled na trenutno stanje.
|
|||||
|
|||||
![]()
Desno spodaj se nahaja okno Files, kjer poiščemo isto sliko, kot jo imamo pomanjšano zgoraj, ter jo prenesemo v okno, v katerem je vaš tekst (sliko dajte pod tekst za večjo preglednost ter jo prilagodite velikosti okna).
|
|||||
|
|||||
![]()
Pogled na stanje ob koncu. Shranite in pritisnite na F12 za pregled.
|
|||||
|
|||||
![]()
Slika ...
|
|||||
|
|||||
![]()
... in ko se z miško pomaknete čez majhno, se prikaže velika.
|
|||||