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.

Elegant tables CSS&HTML

In jos

Elegant tables CSS&HTML

Mesaj Scris de Gyzmo la data de Joi Dec 29, 2011 12:03 pm

Aceste coduri sper ca va sunt folositoare, le puteti folosi in personalizarea: CSS tooltip.
Demonstratie aici
Pasul 1. Intrati in Foaia de stil CSS
Panou de administrare > Afisare > Imagini si culori < Culori > Foaie de stil CSS

Cod:

.uparrowdiv, .downarrowdiv, .leftarrowdiv, .rightarrowdiv{
width:600px;
min-height:40px;
background: black;
color:white;
padding:5px;
position:relative;
word-wrap:break-word;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
margin-bottom:2em;
}

.uparrowdiv:after{
content:'';
display:block;
position:absolute;
top:-20px;
left:30px;
width:0;
height:0;
border-color: transparent transparent black transparent;
border-style: solid;
border-width: 10px;

}

.downarrowdiv:after{
content:'';
display:block;
position:absolute;
top:100%;
left:30px;
width:0;
height:0;
border-color: black transparent transparent transparent;
border-style: solid;
border-width: 10px;
}

.leftarrowdiv:after{
content:'';
display:block;
position:absolute;
top:10px;
left:-20px;
width:0;
height:0;
border-color: transparent black transparent transparent;
border-style: solid;
border-width: 10px;
}

.rightarrowdiv:after{
content:'';
display:block;
position:absolute;
top:10px;
left:100%;
width:0;
height:0;
border-color: transparent transparent transparent black;
border-style: solid;
border-width: 10px;
}


Pasul 2. Pentru a folosi codurile aveti nevoie si de putin HTML:
Cod:
<div class="uparrowdiv">
Ma cheama Soft Bot si am sageata sus
</div>

<div class="downarrowdiv">
Ma cheama Soft Bot si am sageata jos
</div>

<div class="leftarrowdiv">
Ma cheama Soft Bot si am sageata in stanga
</div>

<div class="rightarrowdiv">
Ma cheama Soft Bot si am sageata in dreapta
</div>




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 : 29188
Data de inscriere : 05/09/2011
Localizare : Braila

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

Sus In jos

Sus

- Subiecte similare

 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum