Escuchando: Give me your eyes - Brandon HeathHabituandome de nuevo a esto...a blogger y tal, últimamente estoy super ocupada así que restaurar el blog de nuevo no va a hacer fácil :/
Hoy un código pensado para Firefox aunque en Explorer también se obtiene un resultado agradable...
Bordes redondeados en las imagenes (visible en el navegador Firefox en Explorer se verán cuadrados) :
Si queremos que nuestras imagenes con link tengan un aspecto algo así:
Vamos a Plantilla/Diseño/Edición HTML y antes de
]]></b:skin> copiamos lo siguiente:
.image {
background-color: #ffffff;
border: 1px solid #c94060;
padding: 3px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
a img {
background-color: #ffffff;
border: 1px solid #000000;
padding: 3px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
a:hover img {
background-color: #ffffff;
border: 1px solid #d40101;
padding: 3px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
Si no funciona o cualquier cosa no dudéis en decirmelo ;)
