Top subiecte apreciate

Optiuni experimentale
  • Foloseste AJAX in formulare ori de cate ori este posibil

Navigare rapidă

Ultimele subiecte
» Script ninsoare
Scris de JeKa123 Ieri la 20:20
» Cerere script
Scris de SSYT Joi 1 Dec - 23:22
» Hello
Scris de admin Mier 30 Noi - 16:10
Cuvinte-cheie

Metin2  Mesaje  banner  meniu  drop  Bara  chenar  edit  subiecte  ultimele  phpBB2  Statistici  subforumuri  menu  punbb  cautare  legenda  navigare  html  radio  reclama  profil  tema  avatar  tutorial  animate  

Tool Tip [Actualizat]


Ce este un tooltip?

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>
Recomandat ar fi sa uploadati link-ul javascriptului pe un host propiu.

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>
3.
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>
<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

Mergi la pagina : Inapoi  1, 2


Comentariile utilizatorilor
Vizitator
la data de Dum 26 Feb - 13:03
Vizitato Vizitator
Conectat
ionuz, data viitoare vă rugăm să evitaţi folosirea unui limbaj tip Chat-SMS, deoarece este considerat ca fiind spam.
Mulţumim pentru întelegere!
Membru nou
la data de Joi 8 Mar - 10:19
HeavY_DrinkeR Membru nou
Conectat
bravo util
Membru activ
la data de Joi 8 Mar - 15:13
Mr.Crazy Membru activ
Conectat
Ia se vedem...

EDIT:destul de...de fain...mersi
Membru ET
la data de Joi 8 Mar - 15:59
OcC Membru ET
Conectat
L-am mai vazut si pe alte forum-uri este reprodus singura chesti care ai facuto tu a fost de a intra pe js-ul respectiv ctrl+c - ctrl+v int-un text document, bine inteles cu extensie js si urcat pe un host de js-uri. Orcum este reusit, il foslosesc si eu de vr-un an pe forumul meu
Membru ET
la data de Joi 8 Mar - 19:40
Finish! Membru ET
Conectat
Chiar cea ce cautam
Admin & Dezvoltator
la data de Dum 18 Mar - 9:13
Winsper Admin & Dezvoltator
Conectat
bravo
Membru ET
la data de Sam 5 Mai - 14:35
dejanpetrus Membru ET
Conectat
Bunicel cod, si, destul de dragut.
Membru activ
la data de Sam 5 Mai - 14:36
Zeke Membru activ
Conectat
Foarte frumos dar si elegant felicitari.
Membru ET
la data de Mier 30 Mai - 23:19
Mos Craciun Membru ET
Conectat
Stefan, prietene, de ce ai acest obicei sa copii de pe net tot ce gasesti mai interesant, macar adauga si tu sursa...
Membru nou
la data de Dum 8 Iul - 17:32
pCpaLex Membru nou
Conectat
Foarte frumos.
Membru ET
la data de Vin 31 Aug - 20:52
llg-cstrike Membru ET
Conectat
frumos
Vizitator
la data de Lun 12 Noi - 0:02
Vizitato Vizitator
Conectat
Frumos.
Membru ET
la data de Mar 13 Noi - 19:01
Alex Membru ET
Conectat
Dragut si folositor gg stefane
Membru ET
la data de Vin 13 Sept - 23:19
anonim007 Membru ET
Conectat
foarte bun codul
Membru nou
la data de Lun 16 Sept - 16:19
Logiteck Membru nou
Conectat
Foarte frumos . Felicitari
Administrator
la data de Lun 14 Oct - 20:02
Zeus Administrator
Conectat
Voi revizui putin codul. Tutorial va fi disponibil in curand.
Administrator
la data de Lun 14 Oct - 22:52
Zeus Administrator
Conectat
Am terminat de editat! Topic deblocat.
Membru ET
la data de Mar 29 Oct - 18:45
[FH]~FreeH3K4R Membru ET
Conectat
bun codu toti cauta asa ceva acu

Mergi la pagina : Inapoi  1, 2