#activar ~ .desplegable {display: none;overflow: hidden;} #activar:checked ~ .desplegable {display: block;} -->
Menú de iconos
Acordeon ocultar texto en tus entradas
Widget Nube De Etiquetas
95 Aniversario de GM FOOD
Añadir efectos a los vinculos de tus entradas
Iconos para nuestro blog
Script de casilla que se habre al selecionarlo
Slider deslizante para nuestras entradas
Scrollboxes cajas para nuestras entradas
Estilos de tipografías
iMAGEN LUPA
Slider para tus entradas

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