tutoriais category image
Personalizar Formulários
Monday 04/12/2006 às 15:59 | Arquivado em: ,

Css para textarea, input, select e butons do seu blog, com efeito hover.

1. Coloque no seu arquivo style.css ou depois da tag style no seu html:

input, textarea, select, button {
border: #EEDEBE 1px solid;
color: #8c8c8c;
font-size:11px;
background-image: url('images/back.png');}
input:focus, textarea:focus, label:focus, select:focus, button:focus {
border: 1px solid #F8C9DD;
color:#8c8c8c;
background-image: url('images/back1.png'); }

Personalize de acordo com sua preferência. Lembre-se que o efeito hover não funciona no internet explorer.

Posts Relacionados




8 Comentários em “Personalizar Formulários”


Paula 16-04-2009 | 18:15 Responder

muito bom o site!! 32

Naira 16-12-2009 | 00:26 Responder

ameei tudo aqui *-*

mandy 25-01-2010 | 07:36 Responder

olá tamara tudo bem?
bem gostaria de tirar uma duvida, como eu diminuo a caixinha de texto? Estou com esse roblemano blog mas ainda não encontri a solução..
obrigada desde já..abraços..

tamara 25-01-2010 | 12:13 Responder

É só adicionar a linha:
width: 80px;
Ou então você muda direto no formulário em size=”20″

mandy 26-01-2010 | 07:25 Responder

obrigada tamara, deu certinho… 19

Mê Fornazari 01-08-2010 | 19:58 Responder

Oi tamara, então.. eu fiz isso só que a fonte que esta dentro da caixa de escrever algo fica estranha, tem como mudar? eu tentei colocar “font: arial” não deu certo..
Beijoos

Tamara 02-08-2010 | 08:33 Responder

Você tem que colocar:
font-family: arial;

Fabiana 17-09-2011 | 12:39 Responder

Coloca em que aba do site? Não entendi :s


Comentar


Os comentários desse blog são MODERADOS, portanto só serão publicados após a minha aprovação. Comentários com propagandas e divulgações não serão aprovados. Obrigada.





38 37 36 35 34 33 32 31 30 29 28 27 26 25 24 23 21 20 19 18 17 16 15 14 13 12 11 10 9 8 6 5 4 3 2 1