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. ...

internet blog intermedio ...

Cómo personalizar las fotos en Blogger

Seguimos con tutoriales para Blogger que, junto a imprimibles y clip arts, son de las cosas que más me pedís por email. Esta vez, las protagonistas serán las fotos de nuestras entradas. Vamos a ver cómo personalizarlas de una manera muy sencilla, para que aparezcan todas con el mismo efecto de manera automática en nuestras entadas del blog. Necesitas tener al menos una entrada con una foto publica ...

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 ...

internet blog blogger para dummies ...

Tutorial Blogger Dummies: La Plantilla HTML

Para no tener ni idea de cómo hacer un blog de blogger cuando empezamos esta serie de tutoriales, tu blog no está nada mal ¿no crees? Limpio, profesional, cuidado... si has seguido todos los pasos que hemos ido viendo, puedes estar muy satisfecha del trabajo y horas invertidas en poner tu blog bien bonito tu sola. Puedes repasar lo que llevamos visto aquí: VISTO HASTA AHORA: Presentación. Tu Idea. ...

internet blog intermedio ...

Cómo quitar el mensaje de Cookies de Blogger

Si tienes un blog en blogger, has debido recibir el aviso por correo de que en septiembre debes cumplir con la política de cookies. Y por si no sabes cómo hacerlo, si tu blog es de blogger, ellos se han encargado de que el aviso aparezca bien grande en el cabecero de tu blog. Así: Es una obligación que debemos cumplir, pero si ya tenías instalada tu barrita acorde con el diseño de tu blog, es un f ...

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 ...

avanzado BLOG blogging ...

Cómo instalar un slider de imágenes en blogger

Esta semana he recibido un correo con esta duda: ¿Cómo instalar un slider de imágenes debajo del cabecero en blogger? Y no es la primera vez que me preguntan por el mismo tema. Este tipo de correos no puedo contestarlos uno a uno, prefiero anotar las dudas y cuándo se repiten mucho, desarrollar un tutorial en el blog, para que pueda verlo todo el mundo. Si me conoces un poco, ya sabes que no soy m ...

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 ...

internet blog intermedio ...

Como personalizar el texto citado de Blogger

¿Sabes que Blogger permite marcar nuestros textos citados para diferenciarlos del resto del texto de la entrada? ¿Y qué podemos personalizar, desde nuestra plantilla HTML, el formato de nuestro texto citado? Pues sí, es el tema que vamos a tratar hoy. Otro de esos pequeños detalles que marcan la diferencia y tardamos dos minutillos en configurar.Citar un texto en Blogger Primero vamos a ver como a ...

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 ...