17

Quitar el borde a las imagenes.

Algunas plantillas de Blogger vienen con el borde de las imagenes que añadas incluido, si no te gusta puedes quitarlo de una forma muy simple:
Localizas en tu plantilla en modo Html, esta parte del código:
}
.post img {
padding:4px;
border:1px solid $bordercolor;
}


Cambias el valor de "border" por 0, y listo.
Si también quieres quitarle el borde a la imagen que se muestra en tu perfil, localizas esta parte del código en la plantilla y sustituyes el valor de "border" por 0 igual que antes:

.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid $bordercolor;
}

17 comentarios:


Azul... opinó ...

¡Genial! Este finde me pongo a practicar (las lentas necesitamos parctica y paciencita, ja mía =o)

Ya puestas y como te has convertido en mi asesora de imagen, ¿cómo hago para que los links que coloco se abran en una ventana aparte?????

Otro besote y perdona a esta pesá que es tan fan de tu blog!!!

Rosa opinó ...

Pesada dice...ojalá todas las visitas tubieran tu generosidad a la hora de dejar un comentario.
Para abrir el link en ventana aparte busca en la pestaña "trucos blog" el post "abrir página en una ventana nueva" allí lo explico.
Besotess!!!

Azul... opinó ...

Lo vi luego de dejarte el comment anterior, pero ´se me enredó la cosa en la oficina y ya no pude decirte. Lo dicho ¡eres una genia!

Vicente Torres Zuñiga opinó ...

Me funciono muy bien, gracias por este y otros comentarios de tu blog.

SR. HISPANO opinó ...

Hola Rosa! Gracias por los consejos que dia a dia nos das a todos nosotros. Una consulta hay alguna forma de cambiar el tamaño (predeterminado) que nos da blogger para subir imagenes en los post? Lo que me pasa a mi es que me quedan muy chicos en "grandes" y no llegan a cubrir todo el ancho de la columna.
GRACIAS
www.hispanofc.net

Rosa opinó ...

SR. HISPANO , pues no, no hay ninguna forma que yo sepa.

Hagasbar opinó ...

Jejeje, más simple de lo que pensaba. Gracias Rosa, siempre salvando.

kco opinó ...

NO ME APARECEN ESOS CODIGOS, tengo blogspot y en mi Edicion HTML,no me aparecen los codigos que muestras, sera por la plantilla moderna, en fin necesito ayuda urgente.

es muy poco etico los margenes del perfil y de las imagenes con vinculos, si alguien sabe alguna ayuda

Salu2!

Rosa opinó ...

kco, no es porque la plantilla sea moderna, es porque no es un diseño original de Blogger.
Prueba colocando esto:
a img{ border-width:0}

En tu código por ejemplo después de:
.image {
float: left;
margin: 0;
}

Usa la vista previa porque no estoy segura que funcione en esa plantilla.

kaco opinó ...

me resulto de maravilla!, altoque muchas gracias era lo que estaba buscando...

y gracias por contestar tan rapido

Domi opinó ...

Hola! Es primera vez que veo este blog. Gracias! Me ayudaste, necesitaba esto, estube todo un dia buscando y ninguno me seriva, en verdad muchas gracias!, sigue asi, vendre a visitar esta pagina cada ves que tenga una duda. bueno adios, enserio muchas gracias.

Guri opinó ...

Gracias lo aplique en mi blog www.ideapy.com/guri

Fabiru69 opinó ...

Wow, gracias Rosa, me has savado la vida, y el diseño mi blog :) porque no combinaba el borde ese...grax

Germánico opinó ...

Me sirvió, a igual que "kco" no me aparecía ese código, pero agregando a img{ border-width:0} después del código que tenia pude hacerlo.

Gracias Rosa.

Rosa opinó ...

Germánico Genial que lo hayas intentado guiándote por comentarios anteriores y más genial aún que lo hayas conseguido ;) no todos leen los comentarios antes de preguntar y muchas veces en ellos está la mejor ayuda.

el secreto se protege solo opinó ...

rosa gracias, gracias,gracias, los cambios son faciles de hacer por que lo explicas de maravillas :)


Publicar un comentario en la entrada

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja un enlace a tu blog:
<a href="url-de-la-página">Texto enlace</a>

lejaniaimposible@hotmail.com

 
Blog de Asturias (España)
Ir Arriba