Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje08-10-2012, 18:02 (UTC)    
Título del mensaje: Modificar extra comentarios

Hola, yo habia preguntado hace unos dias como modificar el extra "Comentarios", cambiar el boton modificar el campo de escritura y demas...

Bueno logre algo:



El codigo es el siguiente:

Cita:
<style type="text/css">

Textarea {
width: 480px;
padding: 10px;
color: #000000;
font-size: 12px;
background-color: #e8f8e6;
border: 1px solid green;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}

Textarea:hover {
background-color: #dcf6d8;
border: 1px solid green; }

input[type="Submit"]{
float: none;
font-size:12px;
border: solid 1px #cae8c6;
padding:4px 2px;
margin:2px 0 20px 10px;
width:190px;
height:36px;
background: url(http://img.webme.com/pic/l/lautiito/botoon8.png) no-repeat;
text-align:center;
color: white;
font-weight: bold;
}

input[type="Submit"]:hover {
filter: alpha(opacity=70);
-khtml-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
cursor:url(http://img.webme.com/pic/l/lautiito/handcursor1.png) , pointer;
}
</style>


Lo que esta en color es modificable.

Lo rojo es el color de la fuente donde se escribe
Lo verde es el color de fondo del textarea (uno normal, y el otro cuando pones el mouse encima - hover)
Lo Azul es el borde del textarea (uno normal y el otro hover)
Lo naranja es la url del fondo del boton (input)


Bien, lo violeta... Si a un input le pones una imagen (en este caso redonda), en el fondo se ve parte del boton normal. y queda feo... Si le agregas un borde, el fondo "desaparece",pero claro (en mi caso), me quedo una imagen redonda con un borde cuadrado... Lo solucione de la siguiente forma, mi fondo es un color "puro", no tiene transparencia ni nada, entonces cambie el color del borde al mismo color del fondo, y me quedo el boton redondito ^^

Conclusion: lo violeta es el color del borde del boton

Espero hayan entendido ^^
------
¿El codigo no funciona? Por favor de aviso a algun moderador haciendo click aqui
______________
Mi web - Todo tipo de ayuda para PWG
Mi perfil


Ultima edición por lautiito el Mie Nov 21, 2012 4:54 pm; editado 1 vez
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group