SoftDesign


Bun venit Vizitator pe SoftDesign, speram ca-ti place acest forum care iti pune la dispozitie o gama larga de tutoriale si resurse pentru WebDesign si ForumGratuit , si speram ca vei binevoi sa-ti faci cont pe forum pentru a avea aces la toate subiectele forumui.

Tooltip jQuery & CSS

In jos

Tooltip jQuery & CSS

Mesaj Scris de Vizitato la data de Mar Sept 06, 2011 4:39 am

Descriere:
Există o mulţime de tutoriale referitoare la tooltip plugin-uri ,dar din pacate multe dintre ele ori nu sunt bine explicate ori sunt in ingleza si nu pot fi intelese de toata lumea,de aceia eu m-am deci sa fac acest tutoria si sa va explic mai amanuntit despre ce este vorba.


Demonstratie: Click


CSS:
Pentru inceput trebuie sa adaugam codul urmator in CSS.
Panou de administrare > Afisare > Imagini si culori > Culori > Foaie de stil CSS >Valideaza


Cod:

.tip {
color: #fff;
background:#1d1d1d;
display:none;
padding:10px;
position:absolute;z-index:1000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

.container {
width: 960px;
margin: 0 auto;
overflow: hidden;}



jQuery :
Codul jQuery il puteti adauga ori unde doriti dumneavoastra pe forum , eu am sa va dau un mic exemplu.
Panou de administrare > Afisare > Template-uri > General > overall_header >si adaugati codul dupa
Cod:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

Codul jQuery :

Cod:


<script type="text/javascript" src="http://emanueltutorials.webs.com/Tooltip%20jQuery.js"></script>
<script type="text/javascript" src="http://emanueltutorials.webs.com/Tooltip.js"></script>

<div class="container">

<a href=" LINK " target="_blank"class="tip_trigger">

<img src=" IMAGINEA NR:1 " >

<span class="tip">

<img src=" IMAGINEA NR:2 ">

</span></a>



Imformati:
Unde vedetii
LINK-treceti adresa dorita de dumneavoastra.
IMAGINEA NR:1-Adaugati prima imagine
IMAGINEA NR:2-Adaugati ce-a dea 2 imagine






Tutorial realizat de: Emanuel
Sursa: SOHTANAKA


Ultima editare efectuata de catre Emanuel in Mar Sept 06, 2011 6:28 am, editata de 1 ori
avatar
Vizitato
Vizitator


Sus In jos

Re: Tooltip jQuery & CSS

Mesaj Scris de k1r0n la data de Mar Sept 06, 2011 5:58 am

Parerea mea e ca a doua imagine e cam mare , daca ar di inlocuita de utilizator cu un banner , mergea mai bine un text , putin mai mic decat banner.
avatar
k1r0n
Gold Member

Sex : masculin
Mesaje : 107
Credite : 2615
Data de inscriere : 05/09/2011
Localizare : bacau

Vezi profilul utilizatorului http://smart-design.forumer.ro

Sus In jos

Re: Tooltip jQuery & CSS

Mesaj Scris de Vizitato la data de Mar Sept 06, 2011 6:00 am

Eu am pus un demo, acuma fiecare pune ce vrea...
avatar
Vizitato
Vizitator


Sus In jos

Re: Tooltip jQuery & CSS

Mesaj Scris de fraNNNta la data de Mar Sept 06, 2011 7:51 am

nu prea stiu ce face acest tooltip

____________________________________

avatar
fraNNNta
GFXcrew

Sex : masculin
Mesaje : 235
Credite : 2799
Data de inscriere : 05/09/2011

Vezi profilul utilizatorului http://invatausor.forumcreativ.ro/

Sus In jos

Re: Tooltip jQuery & CSS

Mesaj Scris de Vizitato la data de Mar Sept 06, 2011 8:02 am

Vezi in demo ce face.
avatar
Vizitato
Vizitator


Sus In jos

Re: Tooltip jQuery & CSS

Mesaj Scris de eduard la data de Mar Sept 06, 2011 8:56 am

Foarte frums tutorialu bravo
avatar
eduard
Membru activ

Mesaje : 76
Credite : 2563
Data de inscriere : 05/09/2011

Vezi profilul utilizatorului

Sus In jos

Re: Tooltip jQuery & CSS

Mesaj Scris de Silviu la data de Mier Sept 07, 2011 8:42 am

tare de tot codul
avatar
Silviu
Nou venit

Mesaje : 29
Credite : 2509
Data de inscriere : 07/09/2011

Vezi profilul utilizatorului

Sus In jos

Re: Tooltip jQuery & CSS

Mesaj Scris de gab1Tzu la data de Joi Dec 08, 2011 12:44 pm

ai putea sa faci si pentru phpbb3 te rog frumos Very Happy
avatar
gab1Tzu
Gold Member

Sex : masculin
Mesaje : 248
Credite : 2730
Data de inscriere : 24/09/2011
Localizare : Craiova

Vezi profilul utilizatorului http://widegfx.forumer.ro

Sus In jos

Re: Tooltip jQuery & CSS

Mesaj Scris de Omeeu la data de Dum Sept 14, 2014 10:40 am

asdasd
avatar
Omeeu
Nou venit

Sex : masculin
Mesaje : 7
Credite : 1382
Data de inscriere : 14/09/2014

Vezi profilul utilizatorului http://www.tech-titans.net/

Sus In jos

Re: Tooltip jQuery & CSS

Mesaj Scris de Continut sponsorizat


Continut sponsorizat


Sus In jos

Sus

- Subiecte similare

 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum