Un tooltip reprezintă un şablon suprapus ce apare când pui cursorul peste (hover) o imagine / text, conţinând o descriere încadrată înăuntrul acestuia.
Un exemplu aveti [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
Cum putem avea pe forumul nostru un tooltip?
1.
Adaugati urmatorul cod tag-urile <head> </head> a site-ului dvs.
Cod:
<script type="text/javascript" language="javascript" src="http://extremtutorials.webs.com/ET/Tool-Tip Extrem-Tutorials/tooltips.js"></script>
2.
Adaugati urmatorul cod tag-urile <head> </head> a site-ului dvs.
Cod:
<style type="text/css">
#tt {position:absolute; display:block; }
#tttop {display:block; height:5px; margin-left:5px; overflow:hidden}
#ttcont {padding: 5px;
margin-bottom: 5px;
border-radius: 5px;
box-shadow: 1px 1px 1px #d7d7d7,inset 1px 1px 1px white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
opacity: 0.9;
border: 1px solid #CFCFCF;
background-color: #fbfbfb;
}
</style>
Pentru ca efectul tooltip sa functioneze trebuie sa adaugati urmatorul cod in zona unde doriti sa fie vizibil efectul.
Cod:
<span class="hotspot" onmouseover="tooltip.show('TEXT1');" onmouseout="tooltip.hide();">Treci mouseul peste scris</span>
TEXT1 - Reprezinta text-ul care va fi afisat in tabelul tooltip.
Treci mouseul peste scris - Reprezinta textul pe care va fi afisat efectul tooltip.
Ultima actualizare a fost pe 14.10.2013 realizata de Rylled
SheanLun 30 Mai - 23:05