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.

CSS ToolTip

In jos

CSS ToolTip

Mesaj Scris de Gyzmo la data de Joi Dec 29, 2011 11:34 am

Salut,
Daca esti in cautarea unui ooltip usor editabil pentru forumul tau, oprestete din cautare. Acesta este codul perfect.
Acest cod este accesibil pentru: IE5 - IE9, Safari 3.1 + , Firefox 7 + si Opera
Demonstratie aici
Pasul 1. Intrati in Foaia de stil CSS
Panou de administrare > Afisare > Imagini si culori < Culori > Foaie de stil CSS
Cod:

a.tooltip span {
display:none;
padding:2px 3px;
margin-left:8px;
width:132px;}

a.tooltip:hover span{
display:inline;
position:absolute;
background:#f1f1f1;
border:1px solid #dcdcdc;
-webkit-border-radius: 3px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius: 3px;
-moz-border-radius-topleft: 5px;
border-radius: 3px;
border-top-left-radius: 5px;
color:#6c6c6c;}


Pasul 2. Pentru a putea folosi tooltip-ul trebuie doar sa
Panou de administrare > Afisare > Imagini si culori < Culori > Foaie de stil CSS

Cod:
CSS <a class="tooltip" href="#">Tooltip<span> Continutul dumneavoastra.</span></a>.






Tutorial creeat de Gyzmo | SoftDesign

***Important !

Reproducerea si/sau copierea acestui tutorial NU este permisa fara acordul postatorului !
Reproducerea acestui tutorial nu este posibila fara acordul nostru, in conformitate cu articolul L122-1 apartinand ICC.

avatar
Gyzmo
GFXcrew

Sex : masculin
Mesaje : 727
Credite : 28947
Data de inscriere : 05/09/2011
Localizare : Braila

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

Sus In jos

Re: CSS ToolTip

Mesaj Scris de gab1Tzu la data de Joi Dec 29, 2011 2:13 pm

de cand cautam acest cod, multumesc foarte mult Gyzmo Cool
avatar
gab1Tzu
Gold Member

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

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

Sus In jos

Re: CSS ToolTip

Mesaj Scris de Shaggy la data de Sam Dec 31, 2011 1:01 am

Bravoa Gyzmo este foarte folositor codul.
avatar
Shaggy
Moderator

Sex : masculin
Mesaje : 364
Credite : 2800
Data de inscriere : 06/09/2011
Localizare : Pascani

Vezi profilul utilizatorului http://staraim.forumz.ro/forum

Sus In jos

Re: CSS ToolTip

Mesaj Scris de Continut sponsorizat


Continut sponsorizat


Sus In jos

Sus

- Subiecte similare

 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum