Hoy en Trucos blogger os traigo un tutorial para ocultar partes de texto:
Gracias a una amiga que me pasó el truco ayer para la entrada de Amanecer.
El código que he utilizado yo en el ejemplo de arriba es el siguiente:
<div class="divspoiler">
<a href="javascript:void(0);">Hazme click ▼▲</a>
</div>
<div>
<div class="spoiler" style="display: none; text-align: justify;">
Es muy útil para que tus lectores no lean spoilers por error.
</div>
</div>
Lo que está en verde es lo que debéis cambiar. Por ejemplo, podéis sustituir "Hazme click" por "SPOILER".
Lo que está en rojo es por si queréis que el texto esté centrado, justificado, etc. Lo mío está justificado, pero podéis cambiarlo por "center" para centrarlo, "right" para alinearlo a la derecha y "left" para la izquierda.
También podéis esconder otras cosas, como imágenes o vídeos.
Espero que os sea útil, cualquier duda, ¡preguntad!
<div class="divspoiler">
<a href="javascript:void(0);">Hazme click ▼▲</a>
</div>
<div>
<div class="spoiler" style="display: none; text-align: justify;">
Es muy útil para que tus lectores no lean spoilers por error.
</div>
</div>
Lo que está en verde es lo que debéis cambiar. Por ejemplo, podéis sustituir "Hazme click" por "SPOILER".
Lo que está en rojo es por si queréis que el texto esté centrado, justificado, etc. Lo mío está justificado, pero podéis cambiarlo por "center" para centrarlo, "right" para alinearlo a la derecha y "left" para la izquierda.
También podéis esconder otras cosas, como imágenes o vídeos.
Espero que os sea útil, cualquier duda, ¡preguntad!
No hay comentarios:
Publicar un comentario