Assinar Feeds - 311 RSS leitores
04 Dec 2006
Personalizar Formulários
Monday # 15:59 99 palavras Arquivado em: Css, Tutoriais Por Tamara

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.



« Atualizações
Voltando aos poucos »



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 22 21 20 19 18 17 16 15 14 13 12 11 10 9 8 7 6 5 4 3 2 1


7 Comentários em “Personalizar Formulários” -


1
Paula 16-04-2009 - 18:15   Responder

muito bom o site!! 32


2
Naira 16-12-2009 - 00:26   Responder

ameei tudo aqui *-*


3
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..


4
tamara 25-01-2010 - 12:13   Responder

mandy em January 25, 2010 às 07:36 disse:

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..

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


5
mandy 26-01-2010 - 07:25   Responder

obrigada tamara, deu certinho… 19


6
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


7
Tamara 02-08-2010 - 08:33   Responder

Mê Fornazari em August 1, 2010 às 19:58 disse:

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

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