|
 |
|
|
(x)
(x)
Blogvilág java
Linkek
Saját blogok: Olvasásra ajánlott blogok:Partnerek
Szerzői jogok
Blogvilág by xSolutions is licensed under a Creative Commons Attribution 2.5 Hungary License.
Egy egyszerű trükkel könnyen Tooltip-et létrehozni akár linkekhez, akár bármilyen szöveghez. Helyezz el a kódódban ilyen vagy ehhez hasonló (esetleg class-szel ellátva) stylesheet részletet.
a{
z-index:10;
}
a:hover{
position:relative;
z-index:100;
}
a span{
display:none;
}
a:hover span{
display:block;
position:absolute;
float:left;
white-space:nowrap;
top:-2.2em;
left:.5em;
background:#fffcd1;
border:1px solid #444;
color:#444;
padding:1px 5px;
z-index:10;
}
A linket a következő képpen kell létrehozni, hogy a Tooltip effekt látszódjon:
<a href="#">Title <span>Tooltip</span></a>
Ez egy link ez pedig a leírása
További érdekes témák, ötletek a Blogfórumon.
Tetszett a bejegyzés? Iratkozz fel az RSS értesítőre, a hírlevélre vagy
ajánld barátaidnak a Twitteren vagy a
freeblogon.
Utolsó bejegyzések:
Eddig 3 komment érkezett
(
)
Mondj valamit
A szövegben nem lehet HTML-t használni, a linkeket pedig automatikusan aláhúzzuk. Az email cím megadása kötelezõ, de az oldalon nem jelenik meg. Ha van felhasználóneved, itt bejelentkezhetsz.
Az IP címedet megjegyezzük, de ezt csak a komment spam jellegének vizsgálatához használjuk fel.
1. akos.tajti 2008. 05. 08. 17:44
jó ötlet. csak az a baj a css-sel, hogy minden böngésző másképp támogatja. nekem például ez nem működik.
2. Tupacko 2008. 05. 08. 23:19
Sem FF, sem IE6, sem IE 7 ... érdekes. Az ötlet viszont nem rossz ... csakis CSS tooltip :)
3. Varsányi Martina 2008. 05. 10. 1:00
Hmm, pedig az ötlet "sima" (ures) oldalon működött, akkor itt hibajavítás lesz :(