Slick CSS3 Button cu box-shadow & rgba

Subject: Slick CSS3 Button cu box-shadow & rgba Tue Jun 28, 2011 12:22 am

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:

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

2. Acum codul CSS, care "va pune in functiune" butonul dvs. Razz

Panou de administrare > Afisare > Imagini si culori > Culori > Foaie de stil CSS

Code:: .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 Razz

DEMONSTRATIE

[You must be registered and logged in to see this link.]

Subject: Re: Slick CSS3 Button cu box-shadow & rgba Tue Jun 28, 2011 1:15 am

Foarte frumoare butoane.

Subject: Re: Slick CSS3 Button cu box-shadow & rgba Tue Jun 28, 2011 2:19 am

Foarte bun tutorialul,bravo

Subject: Re: Slick CSS3 Button cu box-shadow & rgba Sun Oct 16, 2011 5:45 am

Frumos tutorial! Bravo Johnny