#activar ~ .desplegable {display: none;overflow: hidden;} #activar:checked ~ .desplegable {display: block;} -->
Boton Spoiler
Formulario de Contacto Flotante
Formato Condicional para Excel. Reglas superiores e inferiores
Formato Condicional para Excel -Barra de datos
Como saber que sistema operativo uso en mi PC?
Windows File Recovery
Plantilla estilo Megazine
Boton descarga
Agregar un enlace a la fuente original cuando copien contenido de tu blog
Como podemos crear una USB para instalar el programa de Windows
Tabs animados solo con CSS
Tabla llamativa CSS

Texto sobre imágenes con CSS

Para hacer que en cualquier foto podamos escribir un texto dentro de ella nos vamos a :
Tema > Editar HTML
Buscamos </head> y justo encima pegamos este código


PRIMER PARRAFO

SEGUNDO PARRAFO





ver código
<style type="text/css">#bljaIMGte{float:left;position:relative;}#bljaIMGte .bljaIMGtex {width:320px;position:absolute;top:10px;left:14px;}</style>
Guardamos y listo
Luego dentro de nuestra entrada o gadget pegamos el siguiente código



ver código
<div id="bljaIMGte">
<img src="URL DE LA IMAGEN" />
<div class="bljaIMGtex" style="color:#000000;">
<p>PRIMER PARRAFO</p>
<p>SEGUNDO PARRAFO</p>
</div>
</div>


Reemplaza URL DE LA IMAGEN por 
la dirección de tu imagen. En PRIMER PARRAFO puedes escribir un párrafo inicial y en SEGUNDO PARRAFO el resto de la descripción.

Publicar un comentario

0 Comentarios