Personalización de Blogs Idea guardada 0 veces
Sé la primera persona en valorar esta idea Valorar

Cómo quitar la sombra, de solamente algunas fotos de blogger

A estas alturas de la vida, os habréis dado cuenta ya que la plantilla simple de blogger (la que a mi más me gusta, porque tal y como su nombre indica es muy sencilla, y se puede personalizar muy bien) trae por defecto una sombrita alrededor de las fotos: 



Personalmente me gusta, de ahí que no la haya quitado, pero es verda que en algunas cosas queda un poco rara, porque muchas cosas son imagen.
Fijaos en este post:
En él:
la frase "no se puede decir que..." es una imagen
cada titulito rosa con el nombre y nombre del blog es otra imagen
Tras los testimonios, el separadorcito rosa es otra imagen
¡Imaginaos qué mal quedaría si cada uno llevara una sombra!
De ahí que me guste quitarla a veces.
Mucha gente lo tiene sin, pues eso, porque a veces molesta más que ayudar y es la solución fácil. De ese modo podemos poner botones de comprar ahora o lo que sea sin que quede raro.
En el curso de iniciación vemos como quitarla y es también lo que hago en los blogs que diseño para mis clientas: quitarla, porque así no las mareo.
Sin embargo tal y como os decía antes, a mí me gusta, de modo que no la he quitado y lo que hago es que cuando quiero quitarla, lo hago "a mano"
¿Cómo hacer esto? Es lo que vengo a explicar. Es muy fácil:1) Lo primero es añadir este código en CSS: 

img.noborder {

    border: 0px;

    -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);

    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);

    box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);

    border-radius: 0px 0px 0px 0px;

    background: none;

}

2) Lo segundo es, cuando queramos quitársela a una determinada foto, vamos a la vista html del post o página en cuestión, localizamos la foto, y donde dice img, le ponemos: 

class="noborder"

El border="0" da igual si lo dejamos o lo quitamos. Lo importante es que entre el img y src diga class="noborder". 

Mirad: 



3) Seguís escribiendo como de costumbre y publicáis como de costumbre.
Voilà. Sombras en unas fotos sí y en otras no,. Porque eso, dependiendo de qué sean las fotos, a veces queda fatal.
Mirad, con sobra:


Curso de Iniciación

Blogger

19,99 ???
+ info





Curso Intermedio

Blogger

34,99 ???
+ info





Cómo Promocionar

tu blog

49,99 ???
+ info



Sin sombra:


Curso de Iniciación

Blogger

19,99 ???
+ info





Curso Intermedio

Blogger

34,99 ???
+ info





Cómo Promocionar

tu blog

49,99 ???
+ info



Es otra cosa, ¿no? ;)
Pero quitarla en todas, aunque es una solución rápida, es una pena, porque en general a mi me parece que las fotos "normales" quedan más monas con sombrita:


¡Espero que os haya gustado y sea útil!
Besotes, buen puente :)
Blogger | Email  | RSS | Bloglovin" | Feedly 

Otros tutoriales: 1. Cómo reducir el espacio entre los gadgets
2. Cómo poner la primera letra del post distinta al resto (estilo revista)
3. Cómo añadir un borde alrededor del centro del blog

¡Gracias por suscribirte! Mil besos, Blanca

Fuente: este post proviene de Personalización de Blogs, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Recomendamos

Relacionado

general diseño de blogs

Cómo quitar la sombra, de solamente algunas fotos de blogger

A estas alturas de la vida, os habréis dado cuenta ya que la plantilla simple de blogger (la que a mi más me gusta, porque tal y como su nombre indica es muy sencilla, y se puede personalizar muy bien) trae por defecto una sombrita alrededor de las fotos: Personalmente me gusta, de ahí que no la haya quitado, pero es verda que en algunas cosas queda un poco rara, porque muchas cosas son imagen. ...

general diptera fotografía ...

Fotos de la semana

Os muestro las imágenes que he publicado esa semana con las dos imágenes para comparar…. I show you the images I have just published this week… #twentytwenty-FE6I5h { width: 100%; max-width: 100%; } #twentytwenty-FE6I5h.twentytwenty-hover .twentytwenty-overlay:hover { background: rgba(0,0,0, 0.5); } #twentytwenty-FE6I5h .twentytwenty-before-label:before, #twentytwenty-FE6I5h .t ...

general fotografía nocturna ...

La Vía Láctea y el molino de viento/The Milky Way and the windmill

Continuando con la fotografía nocturna, os muestro hoy un molino de viento bajo las estrellas… Continuing with night photography, I show you today a windmill under the stars … #twentytwenty-JEsjFO{width:100%;max-width:100%}#twentytwenty-JEsjFO.twentytwenty-hover .twentytwenty-overlay:hover{background:rgba(0,0,0, 0.5)}#twentytwenty-JEsjFO .twentytwenty-before-label:before, #twentytwent ...

desde0

Cómo crear un menú con submenús en Blogger sin tener experiencia en informática o programación

Crear un menú en cualquier Blog es algo fundamental para organizar nuestros contenidos de manera que podamos presentarlos a nuestros usuarios de una manera estructurada y sencilla. Hemos tratado con anterioridad cómo crear un menú sencillo en Blogger sin tener ninguna experiencia en programación, con simples opciones que agrupan entradas bajo las etiquetas de tu Blog y que se puede poner con suma ...

general propuestas

Cómo añadir suscripción por correo electrónico en Blogger

Los componentes de suscripción por correo electrónico, sirven para que los usuarios que visitan un sitio web, puedan suscribirse a sus actualizaciones recibiéndolas por correo electrónico. Se trata de una herramienta fundamental para cualquier blog o sitio web, pues crea un vínculo directo entre sus visitantes y su autor. Cuando el creador de la página web publica un contenido, éste llega a todos ...

general propuestas

Cómo hacer adaptables a cualquier dispositivo las imágenes en Blogger

Hoy día una web o un Blog no sólo se visualiza en ordenadores, ahora es necesario cuidar también su presentación en dispositivos móviles. Los usuarios utilizan pantallas de toda clase y tamaño para adentrarse en nuestros contenidos, debemos cuidar la manera en que mostramos la información para que sea fácilmente accesible desde cualquier aparato. Una parte fundamental de cualquier web o Blog son s ...

Cómo personalizar el contador de visitas blogger

Señoras y señores... ¡otro post que tenía preparado y para no echarlo a perder! Os lo contaba el lunes, y este os otro que tenía, pero ya no tengo más... :( Tenía uno de la técnica Pomodoro, pero no tengo ni dos párrafos, así que tendría que escribirlo de cero como quien dice jaja, y luego otro sobre 10 razones por las que aprender html y css, que si queréis, lo publico, decírmelo en los comentari ...

general desde0

Cómo utilizar las imágenes en Blogger

Si quieres aprender cómo utilizar las imágenes en Blogger, esta guía te ayudará paso a paso a controlarlas y almacenarlas adecuadamente. La guía está pensada para que personas con nula o escasa experiencia en informática puedan realizar las tareas básicas para poner imágenes en sus entradas o incluso algunas más complejas como llegar a optimizar las mismas para resolver problemas de rendimiento. C ...

general ayuda blogger otros tutoriales

Como poner la barrita de cookies en blogger

No me suele gustar publicar sobre cosas que ya han sido publicadas tropecientas veces en otros lados. Ojo, seguro que lo hago, pues realmente no leo otros blogs sobre mi temática, pero si algo sé o intuyo que ya lo han publicado mil sitios más, pues trato de evitarlo, porque para qué. Si es algo tipo el post sobre si es mejor blogger o worpdress, pues sí, porque al final yo doy mi punto de vista ( ...

icono botón redes sociales ...

Cómo insertar botones de Redes Sociales en Blogger

Hoy les traigo el Tutorial de cómo insertar los botones de las Redes Sociales en Blogger. Lo primero que vamos a hacer es Descargarnos los Botones que más nos gusten y alojarlos en hosting (hay muchos gratuitos), pero yo uso el Google Drive, que me parece más sencillo y más completo. Una vez tengamos las imágenes subidas a Google Drive, tenemos que averiguar su URL, (si no sabes cómo hacerlo, te l ...