Assinar Feeds - 281 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'); }

Personalise 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, divulgações, perguntas e de quem não leu o post, não serão aprovados. Dúvidas só serão respondidas na página de perguntas e respostas. 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


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


1
Paula 16-04-2009 - 18:15

muito bom o site!! 32

. wp_ozh_getCountryName(0,$comment->comment_author_IP) . Responder comentário  

2
Naira 16-12-2009 - 00:26

ameei tudo aqui *-*

. wp_ozh_getCountryName(0,$comment->comment_author_IP) . Responder comentário  

3
mandy 25-01-2010 - 07:36

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

. wp_ozh_getCountryName(0,$comment->comment_author_IP) . Responder comentário  

4
tamara 25-01-2010 - 12:13

mandy em January 25, 2010 às 7:36 am 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"

. wp_ozh_getCountryName(0,$comment->comment_author_IP) . Responder comentário  

5
mandy 26-01-2010 - 07:25

obrigada tamara, deu certinho… 19

. wp_ozh_getCountryName(0,$comment->comment_author_IP) . Responder comentário