BOTÕES & CSS

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 ’

#[b]sub_form_b[/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; } #[b]sub_form_b[/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; } #[b]sub_form_b[/b]:active { position:relative; top:1px; }

';

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

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

Espero ter colaborado …


botoes_css.png

Muito legal, Pessanha. Valeu por compartilhar. Pra mim que sou (ainda) péssimo em webdesign, é uma mão na roda.