formado

Digamos que queira permitir que os seus visitantes a unha páxina de comentarios experiencia de deseño personalizado. Estándar, estas caixas incoloros con letras negras en nome dos seus visitantes (obrigatorio) "," E-mail (non será publicado) (obrigatorio) "e" Sitio web "e escriba o texto do comentario. Desde que agora quere engadir un pouco de memoria ou mesmo unha foto? Non hai ningún problema, iso está feito en pouco tempo.

En primeiro lugar, só precisa unha idea de como iso debe ser parecida. Quere unha cor ou unha imaxe? Entón se abre o panel do Wordpress style.css e buscar frases como estas:

#commentform input ou #commentform textarea . (A especial no seu caso tamén pode contribuír nomes lixeiramente diferentes, pero se ves o mesmo código, pero tes unha idea do que debe ser atopada no lugar apropiado.

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

"Ancho" determina a lonxitude do campo de entrada, "estofo" o recheo do contido ata a bordo e "marxe" a unha distancia transparente para o seguinte elemento. Cheo mentres "recheo" a cor ou a imaxe da súa elección, é a "marxe" é realmente transparente, e mira só como a súa páxina, onde presenta o seu contido. (As referencias CSS se pode atopar aquí e aquí ).

No caso do noso lado, nós queriamos que o fondo como nos campos de entrada. En consecuencia, nós engadimos o camiño para este mesmo arquivo de imaxe: background: url('images/kubrickbgcolor.jpg');

Unha vez que este é moi escuro, temos con color: #ffffcc; a cor do texto correspondeu a un interior luminoso. Ao final, os visitantes poden ler o que escriben.

Prefire unha cor en vez dunha imaxe? Non substitúe cuestión, só o background: url sección con esta: background: #000000; . O exemplo é codificación negro, pero tamén pode entrar en calquera outra cor.

Do mesmo xeito, complementar a gama #commentform textarea da mesma maneira.

Os resultados podes ver a continuación neste artigo, por exemplo, se vostede lea isto en conta única.

Boa luz e Nuck bo!

1 Comentario a "¿Como podo personalizar os campos do meu comentario?"