Añadele Estilo A : Textarea
Como veran en la imagen muestro une estilo que le agregue a mis textareas en el blog antiguo que tenia. y aparte del estilo que le tenia a esta textarea al poner el mause en el codigo, cambiava de color de fondo a uno que le tenia definido todo esto lo hice con css y el dia de hoy les enseñare como agregarle un efecto a el atributo
y no tener que tener el mismo estilo que los demas blogs, sino a nuetros gusto.
el primer paso para agregarle estilo a textarea es.
agregarle estilo osea el atributo style=" aqui el estilo " dentro de la primera parte de textarea
< Atributotextarea style="border-right:4px solid #ccc; border-left:4px solid #ccc;" ></ atributo textarea>
RESULTADO 1 :
luego si quieres quitar el borde de arriba.
tu codigo seria...
< Atributotextarea style="border-right:4px solid #ccc; border-left:4px solid #ccc; border-bottom:3px solid #fff; border-top:3px solid #fff;"> </ atributo textarea>
RESULTADO 2 :
y siquieres agregarle mas efectos pero no quieres poner tanto codigo en la textarea lo unico que deveras hacer sera crear un ID ¿que es un id ? es un nombre es como ponerle un nombre a una etiqueta para no tener problemas de nada.
para crear un id lo que tendras que hacer sera.
BUSCAR. solo dirigete a. : PLANTILLA ► DISEÑO HTML
luego busca dentro el atributo.
]]>< / b:skin >
y justo arriba de este atributo pega el siquiente codigo:
Codigo para el RESULTADO 1 [VE ARRIBA]
CodigosHT{
border-right:4px solid #ccc; border-left:4px solid #ccc;
}
CODIGO PARA EL RESULTADO 2 [VE ARRIBA]
CodigosHT{
border-right:4px solid #ccc; border-left:4px solid #ccc; border-bottom:3px solid #fff; border-top:3px solid #fff;
}
Ahora para agregarles este afecto a TEXTAREA solo agregale a textarea id="CodigosHT"
EJEMPLO:
< t extarea id="CodigosHT" > < / t extarea>
y listo :
si quieres agregarles mas estilo solo edita el codigo que ira en ]]>
ESCRITO POR : Andy Gomez
Comentarios
Publicar un comentario