Página Principal Menú Charkleons Radio Online Facebook - Charkleons.com YouTube - Charkleons.com Twitter - Charkleons.com

Cómo usar dos DIV CLASS en Blogger

Cómo usar dos DIV CLASS en Blogger - Charkleons.com

Si queremos usar dos div class en Blogger notaremos que los navegadores solo toman el primero, pero en realidad podemos usarlos sin problemas simplemente colocándolos uno al lado del otro. Por ejemplo voy a mostrar cómo quedarían dos div class de los temas "Efecto Opacidad y Aumento para las imágenes CSS" y "Cómo ocultar contenido en blogger" en un mismo código. Ejemplo con un código que lleva dos divs:

<div class="divspoiler hovergallery">
<img src="URL de la imagen" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" />
</div><div><div class="spoiler" style="display: none;">
Aquí el contenido que queremos ocultar
</div></div>

Como notarán es algo muy fácil de aplicar. Lógicamente esto se puede hacer siempre y cuando el estilo <style> o código del div class esté ya agregado a la plantilla, o esté agregado a la entrada en el Modo HTML.

Ejemplo de estilos o códigos de un div class en la plantilla:

<style type="text/css">

.hovergallery img{
-webkit-transform:scale(0.8); 
-moz-transform:scale(0.8); 
-o-transform:scale(0.8); 
-ms-transform:scale(0.8); 
}

.imagepluscontainer
position: relative;
z-index: 1;
}

</style>

Dependiendo de la complejidad de los códigos se hará más fácil o difícil su uso, para este tema usé un ejemplo más complejo, pero la mayoría de veces estos div class se usan para trabajar en imágenes, de tal modo que el código final será mucho más simple.

Espero que esta información les sea muy útil.

Gracias.

No hay comentarios:

Publicar un comentario

Gracias por comentar.