Top subiecte apreciate

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

Navigare rapidă

Ultimele subiecte
» Wireless ipb theme [punBB]
Scris de DenisPasca Mier 7 Dec - 23:51
» [Animate] Recent Topic IPB
Scris de DenisPasca Lun 5 Dec - 22:44
» Ipb Counter-strike Special FG
Scris de DenisPasca Sam 3 Dec - 22:52
» Special Theme Extrem Tutorials
Scris de cosminelu21 Vin 2 Dec - 23:48
Cuvinte-cheie

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

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 : 1, 2  Urmatorul


Comentariile utilizatorilor
Membru ET
la data de Lun 30 Mai - 23:05
Shean Membru ET
Conectat
Frumusel tooltip-ul, bravo stefan!
Membru dedicat
la data de Lun 30 Mai - 23:34
Paul Membru dedicat
Conectat
mersi aveam nevoie de el:)
poate fi pus doar la o anumita categorie??
Administrator
la data de Mar 31 Mai - 14:08
Zeus Administrator
Conectat
Poate fi pus unde vrei.
Membru ET
la data de Mar 31 Mai - 16:23
Ada Membru ET
Conectat
Este super ! Imi place tooltipul!
Vizitator
la data de Mar 31 Mai - 18:01
Vizitato Vizitator
Conectat
Ar trebuie sa rectifici.
Tu ai adaptat codul , nu l-ai creat.
Membru nou
la data de Mar 31 Mai - 18:21
Midou Ban Membru nou
Conectat
Mersi, chiar avem nevoie.
Vizitator
la data de Mar 31 Mai - 19:49
Vizitato Vizitator
Conectat
Bunicel cod, si, destul de dragut.
Membru ET
la data de Mar 31 Mai - 20:02
Ada Membru ET
Conectat
Mie nu imi merge
Membru ET
la data de Mier 1 Iun - 9:28
BaCk Membru ET
Conectat
Nu vad codul.
Membru dedicat
la data de Mier 1 Iun - 14:01
Paul Membru dedicat
Conectat
dupa ce postezi il vei vedea!
Membru ET
la data de Joi 2 Iun - 22:25
*Jocker* Membru ET
Conectat
Hmm .. Folositor :X imi place..bravo:P
Membru ET
la data de Dum 12 Iun - 23:44
InZaGhI Membru ET
Conectat
De cand cautam asa ceva . Multumesc
Membru nou
la data de Lun 27 Iun - 12:49
CezZzaR Membru nou
Conectat
foarte bun si folositor
Membru ET
la data de Mar 5 Iul - 22:13
TaZz Membru ET
Conectat
bravo stefan! :fericit:
Membru dedicat
la data de Mar 5 Iul - 22:26
Paul Membru dedicat
Conectat
TaZz
Te rog sa comentezi in minim 3 cuvinte pentru a nu se considera SPAM!
1xMustare!
Membru nou
la data de Joi 1 Sept - 12:04
InVaD3r Membru nou
Conectat
Caut de foarte mult timp un astfel de tool tip multumesc mult
Membru dedicat
la data de Dum 16 Oct - 19:19
Mitză Membru dedicat
Conectat
Ia sa vedem codurile:p
In demo arata bine !
Vizitator
la data de Mar 29 Noi - 18:07
Vizitato Vizitator
Conectat
Arata bine, abia astept sa il folosesc
Vizitator
la data de Vin 2 Dec - 15:46
Vizitato Vizitator
Conectat
Chiar cautam acest cod..Multumesc!
Membru ET
la data de Sam 3 Dec - 3:52
OcC Membru ET
Conectat
Nice
Membru activ
la data de Sam 3 Dec - 10:33
iAngel Membru activ
Conectat
Frumos cod,bravo,arata foarte bine!
Membru ET
la data de Dum 18 Dec - 12:43
Dappy Membru ET
Conectat
Foarte frumos. Bravo
Membru ET
la data de Lun 19 Dec - 17:22
kanne Membru ET
Conectat
este bun
poate il folosesc
Membru nou
la data de Mier 28 Dec - 15:55
Fresh Membru nou
Conectat
frumos
Membru ET
la data de Vin 30 Dec - 16:19
Andrei-Catalin Membru ET
Conectat
Dar codul nu il vad?
Membru ET
la data de Lun 30 Ian - 21:07
Purge Membru ET
Conectat
il cautam de ceva timp, multumesc
Membru ET
la data de Mar 31 Ian - 17:09
Matta # Membru ET
Conectat
Foarte frumos acest tooltip.
Membru ET
la data de Dum 26 Feb - 9:22
Capone Membru ET
Conectat
foarte frumos acest tool-tip
Vizitator
la data de Dum 26 Feb - 12:52
Vizitator Vizitator
Conectat
nice bv

Mergi la pagina : 1, 2  Urmatorul