Navigare rapidă

Ultimele subiecte
» [Animate] Recent Topic IPB
Scris de Petronel™ Sam 25 Feb - 18:38
» Categorii retractabile
Scris de Petronel™ Sam 25 Feb - 18:28
» Informatii Primul Post [IPB Animate]
Scris de Petronel™ Sam 25 Feb - 18:24
» Bulletin ipb theme
Scris de Iustin Vin 17 Feb - 14:49
» Sliding Menu Bar V5
Scris de RAKSONE Mier 15 Feb - 1:13
Cuvinte-cheie

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

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
Administrator
la data de Dum 18 Mar - 9:13
Madross Administrator
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
Admin & Dezvoltator
la data de Lun 14 Oct - 20:02
Zeus Admin & Dezvoltator
Conectat
Voi revizui putin codul. Tutorial va fi disponibil in curand.
Admin & Dezvoltator
la data de Lun 14 Oct - 22:52
Zeus Admin & Dezvoltator
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