Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Fondo de las entradas transparente, Opacidad en los posts de tu blog

Con unas pocas líneas de código podemos hacer que el fondo de nuestras entradas sea parcialmente translúcido de manera que pueda transparentarse la imagen de fondo que tenemos en el blog.

El grado de opacidad puede editarse por lo que cada valor ofrecerá una visión distinta del fondo en los posts.

Accede a este blog de pruebas para comprobar el resultado.




Diseño>Edición de HTML>expandimos artilugios



Busca la etiqueta ]]></b:skin> y justo encima añade este bloque de CSS:

.post {
color:#000000;
padding:4px 18px;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity: 0.8;
-khtml-opacity: 0.8;
}

Edita el valor 8 resaltado en color verde por una cifra superior o inferior para añadir menos o más opacidad -respectivamente- a las entradas. Ten en cuenta que no debes incluir un valor que sobrepase el 9 o que sea inferior al 1.

Para añadir una imagen o un color de fondo al post, utiliza el atributo background bajo .post { tal y como se muestra a continuación:

.post {
background:url("URL DE LA IMAGEN") no-repeat scroll 0 0 transparent;

Reemplaza URL DE LA IMAGEN por la dirección de la imagen.

Utiliza esta otra línea en caso de querer el fondo en color:

background:#cccccc;

#cccccc es el código del color escogido. Edítalo a tu gusto accediendo a la tabla de colores.

Guarda la plantilla y comprueba el resultado en varios navegadores para asegurarte que la opacidad se aprecia bien.

Edgar pop dice...

Maravilloso el ejemplo, lo voy a probar en mi blog y ya si eso te cuento como quedó.

Jaime Trujillo Escobedo dice...

Perfecto entonces, Edgar. También puede aplicarse a las nuevas plantillas de blogger por lo que si este es el caso de tu diseño actual no tendrás problemas.

¡Suerte!

Driwrgy dice...

Qué truqui más chulo! Ya me gustaría a mi ponerlo en práctica pero mis fondos son lisos... A vé si un díita de estos con tiempo le doy el vuelvo al blog.

Driwrgy dice...

Acabo de visitar el blog de prueba y este truco es incompatible con mi confi... Como la mayoría de trucos chulos... :(. Besotes.

Jaime Trujillo Escobedo dice...

Driwrgy, no digas eso. Indícame el blog al que le desearías aplicar la opacidad y trataré de ofrecerte un procedimiento efectivo.

¡Abrazotes!

tHeLaRiOs dice...

Hola men me gustaria saber como haces que tu dominio redireccione a blogspot , bueno espero y me puedas ayudar ,salu2

Jaime Trujillo Escobedo dice...

TheLarios, tan solo apliqué este truco en el blog con el dominio propio y lo redireccioné al Balcón (.blogspot).

Nando dice...

Buenas me interesaba mucho esta opción para mis entradas pero he puesto lo que pones y no me funciona, me podrías echar una mano?

Jaime Trujillo Escobedo dice...

Nando, debes enviarme la dirección de tu blog de manera que pueda ayudarte.

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo