Cómo eliminar el borde y las sombras de sólo las imágenes elegidas

lunes, 15 de julio de 2013

Si ya te has aburrido del borde y, sobretodo, las sombras que las plantillas básicas de Blogger ponen a las imágenes de tu blog puedes modificar la plantilla para conseguir fácilmente que no aparezcan en ningún post del blog.

Pasos a seguir

  • Ve hacia Vista General > Plantilla
  • Haz copia de seguridad de la plantilla
  • Pulsa "Editar HTML"
  • Busca "]]></b:skin>"
  • Añade el siguiente código justo encima de "]]></b:skin>"

.ss, .noborderdv img{
box-shadow: hnone !important;
padding: 0px !important;
border: 0px !important;
}


Ahora, cada vez que quieras que una imagen no muestre el borde, desde el editor html, busca la imagen; si la has incrustado utilizando el redactor de Blogger, probablemente encontrarás algo similar a esto:

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6NjCIglSlBFIO2mrGa10gdCb7NxjVM8FlVDeU-Bjq7IGMrRzLSXq5YHKgP5X3-bGhA3mKkXgpFOCofirLlZC2Ol4zUbRirJ0a6my77X7fgr7_QP5Z5LjroqsZGs4L-ciApyiMyeQtLZ4/s1600/1962+Big+Campbell%2527s+Soup+Can%252C+19+cent.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6NjCIglSlBFIO2mrGa10gdCb7NxjVM8FlVDeU-Bjq7IGMrRzLSXq5YHKgP5X3-bGhA3mKkXgpFOCofirLlZC2Ol4zUbRirJ0a6my77X7fgr7_QP5Z5LjroqsZGs4L-ciApyiMyeQtLZ4/s320/1962+Big+Campbell%2527s+Soup+Can%252C+19+cent.jpg" width="226" /></a>

Si queremos que la imagen a la que representa este código no salga ni con borde ni con sombras, simplemete hemos de añadir al pincipio, entre "<a" y "href=", "class="noborderdv" dejando el código así.

<a class="noborderdv" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6NjCIglSlBFIO2mrGa10gdCb7NxjVM8FlVDeU-Bjq7IGMrRzLSXq5YHKgP5X3-bGhA3mKkXgpFOCofirLlZC2Ol4zUbRirJ0a6my77X7fgr7_QP5Z5LjroqsZGs4L-ciApyiMyeQtLZ4/s1600/1962+Big+Campbell%2527s+Soup+Can%252C+19+cent.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6NjCIglSlBFIO2mrGa10gdCb7NxjVM8FlVDeU-Bjq7IGMrRzLSXq5YHKgP5X3-bGhA3mKkXgpFOCofirLlZC2Ol4zUbRirJ0a6my77X7fgr7_QP5Z5LjroqsZGs4L-ciApyiMyeQtLZ4/s320/1962+Big+Campbell%2527s+Soup+Can%252C+19+cent.jpg" width="226" /></a>

No hay comentarios:

Publicar un comentario

 

Los más leídos

Etiquetas

Basico (5) Blogger (9) Blogs (1) FAQ (9) General (1) Gmail (1) Google (2) HowToS (8) Intermedio (2) Opinion (3) TIP (7) Tutorial (5)