Top subiecte apreciate

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

Navigare rapidă

Ultimele subiecte
» Legenda s-a intors XD
Scris de Zeus Mar 27 Sept - 21:23
» Cum retusam imaginile
Scris de cristimare Mar 27 Sept - 14:27
» salut
Scris de Andrei34 Dum 18 Sept - 18:53
» Salut
Scris de Andrei34 Dum 18 Sept - 18:52
Cuvinte-cheie

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

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