Autor Tópico: BOTÕES & CSS  (Lida 620 vezes)

pessanha

  • Expert
  • *****
  • Mensagens: 643
    • Email
BOTÕES & CSS
« Online: Dezembro 07, 2014, 08:05:41 am »
Galera, pra quem não sabe, segue uma dica abaixo:

* Se vc quizer alterar o formato dos seus botões no formulario, sem ter que ir no LAYOUT-> CSS DE BOTÕES.

1) Incluir em onLoad o seguinte: Este é somente um exemplo

echo '
<style>
#sub_form_b {
   -moz-box-shadow: 0px 10px 14px -7px #276873;
   -webkit-box-shadow: 0px 10px 14px -7px #276873;
   box-shadow: 0px 10px 14px -7px #276873;
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
   background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
   background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
   background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);
   background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
   background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
   background-color:#599bb3;
   -moz-border-radius:8px;
   -webkit-border-radius:8px;
   border-radius:8px;
   display:inline-block;
   cursor:pointer;
   color:#ffffff;
   font-family:arial;
   font-size:12px;
   font-weight:bold;
   padding:13px 32px;
   text-decoration:none;
   text-shadow:0px 1px 0px #3d768a;
}
#sub_form_b:hover {
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #599bb3));
   background:-moz-linear-gradient(top, #408c99 5%, #599bb3 100%);
   background:-webkit-linear-gradient(top, #408c99 5%, #599bb3 100%);
   background:-o-linear-gradient(top, #408c99 5%, #599bb3 100%);
   background:-ms-linear-gradient(top, #408c99 5%, #599bb3 100%);
   background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#599bb3',GradientType=0);
   background-color:#408c99;
}
#sub_form_b:active {
   position:relative;
   top:1px;
}
</style>   
';

Existe alguns sites que vc gera o CSS de botão. Acho muito mais rapido.....

Link: http://www.bestcssbuttongenerator.com/#/zI5kG1Ny7h

Espero ter colaborado .....

« Última modificação: Dezembro 07, 2014, 08:11:18 am por pessanha »

Kleyber

  • Expert
  • *****
  • Mensagens: 2232
    • Email
Re:BOTÕES & CSS
« Responder #1 Online: Dezembro 07, 2014, 09:15:09 am »
Muito legal, Pessanha. Valeu por compartilhar. Pra mim que sou (ainda) péssimo em webdesign, é uma mão na roda.
Kleyber Derick

ITIL® V3 Foundation Certified
Analista de Sistemas
São Luís - Maranhão
www.tkinformidia.net