Navigare rapidă

Ultimele subiecte
» Wireless ipb theme [punBB]
Scris de D1esel Vin 30 Noi - 21:51
» Ying-Yang Tutorial
Scris de Lucifer Mar 24 Apr - 11:34
» Avatar forumotion toolbar
Scris de Lucifer Mar 24 Apr - 11:33
» Salutare
Scris de Lucifer Mar 24 Apr - 11:32
Cuvinte-cheie

edit  

Slick CSS3 Button cu box-shadow & rgba


TUTORIAL


1. Mai întâi de toate exista o simplă legătură cu o clasă de buton.Vom folosi clasa class="button_unique"
In paginile HTML sau mesaje va veti folosi de codul:

Cod:
<a class="button_unique" href="#">Continut..</a>

2. Acum codul CSS, care "va pune in functiune" butonul dvs.
Panou de administrare > Afisare > Imagini si culori > Culori > Foaie de stil CSS
Cod:

.button_unique {
    -webkit-box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
}

INFORMATII


1. Codul este 100% personalizabil !
2. Pentru a-l personaliza aveti nevoie de 3% cunostinte CSS

DEMONSTRATIE

http://inspectelement.com/demos/css3/buttons/

Comentariile utilizatorilor
Vizitator
avatar
la data de Dum 24 Apr - 23:46
Vizitato Vizitator
Conectat
E nemaipoment, super tare. Chiar merita sa fie la sectiunea premium.
Membru ET
avatar
la data de Mar 26 Apr - 19:42
Sweet Membru ET
Conectat
Uau ! Am vazut un buton asemanator pe un forum si credeam ca e hover....... Foarte tare !
Membru ET
avatar
la data de Sam 22 Oct - 9:56
Dappy Membru ET
Conectat
Foarte frumos ! Bravo pentru munca depusa.
Membru dedicat
la data de Vin 17 Feb - 16:18
Keir Membru dedicat
Conectat
Topic mutat în categoria corespunzătoare!
Membru nou
avatar
la data de Dum 25 Ian - 3:10
FrOsTyXi Membru nou
Conectat
thank you sir!
Membru ET
avatar
la data de Sam 28 Mar - 12:29
hamsahaq Membru ET
Conectat
thank you sir!