formado

Digamos que você queira permitir que seus visitantes para uma página de comentários experiência de layout personalizado. Standard, essas caixas incolores com letras pretas em nome dos seus visitantes (obrigatório) "," E-mail (não será publicado) (obrigatório) "e" Web Site "e digite o texto do comentário. Desde que você agora deseja adicionar um pouco de cor ou até mesmo uma foto? Não tem problema, isso é feito em alguns momentos.

Primeiro, você só precisa de uma idéia de como isso deve ser parecida. Gostaria de uma cor ou uma imagem? Então você abre o painel do Wordpress style.css e procurar por frases como estas:

#commentform input ou #commentform textarea . (A especial no seu caso também pode contribuir nomes ligeiramente diferentes, mas se você ver o mesmo código, mas você tem uma idéia do que deve ser encontrada no local apropriado.

#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
background: url('images/kubrickbgcolor.jpg');
color: #ffffcc;
}

"Largura" determina o comprimento do campo de entrada, "estofo" o preenchimento do conteúdo até a borda e "margem" a uma distância transparente para o próximo item. Cheio enquanto "enchimento" com a cor ou a imagem de sua escolha é, é a "margem" é realmente transparente, e olha só como sua página, onde você apresenta seu conteúdo. (As referências CSS pode ser encontrado aqui e aqui ).

No caso do nosso lado, nós queríamos ter o fundo como nos campos de entrada. Consequentemente, nós adicionamos o caminho para este mesmo arquivo de imagem: background: url('images/kubrickbgcolor.jpg');

Uma vez que este é bastante escuro, temos com color: #ffffcc; a cor do texto correspondeu a um interior luminoso. Afinal, os visitantes podem ler o que escrevem.

Você prefere uma cor em vez de uma imagem? Não substitua questão, apenas o background: url seção com esta: background: #000000; . O exemplo é codificado preto, mas você também pode entrar em qualquer outra cor.

Da mesma forma, complementar a gama #commentform textarea da mesma maneira.

Os resultados você pode ver abaixo neste artigo, por exemplo, se você ler isso em vista única.

Boa luz e Nuck bom!

1 Comentário para "Como posso personalizar os campos de meu comentário?"