Una manera muy vistosa de redecorar el truco de leer más que ya vimos en
este otro post. Con estos pasos conseguiremos un efecto
fade in y
fade out estupendo en el texto oculto. El truco es obra de
Hackosphere (una vez más) y me parece realmente vistoso.
Para instalar el truco en nuestra página tendremos que hacer un par de incursiones en la plantilla. La apariencia final depende del color de fondo que tengamos en nuestros posts, así que para evitar el tener que andar entrando en el editor de HTML para ir cambiando los códigos de colores hasta encontrar el que más nos guste yo opto por crear una variable de color para poder cambiarla cómodamente desde "Colores y Fuentes" sin tener que bucear en la plantilla o liarnos con los códigos de colores.
Así pues buscamos en la plantilla, casi al principio, la zona en la que se definen las variables y añadimos esta:
<variable name="peekbgcolor" description="color fade" type="color" default="#fff" value="#f2984c">Después buscamos la etiqueta de cierre </head> y justo encima ponemos este script:
<!-- EFECTOS PEKABOO -->
<script src='http://anniyalogam.com/scriptaculous/src/prototype.js' type='text/javascript'/>
<script src='http://anniyalogam.com/scriptaculous/src/scriptaculous.js?load=effects' type='text/javascript'/>
<script type='text/javascript'>
var fade = true;
var peekaboo_bgcolor = peekbgcolor$;
</script>
<!-- FIN EFECTOS -->Tan sólo nos queda un paso más y es localizar esta línea en nuestra plantilla y borrarla:
<style>#fullpost {display:none;}</style>Ahora el truco ya está instalado en la plantilla. Para usarlo no tendremos más que usar en los posts donde queramos que aparezca la siguiente estructura:
TEXTO SUMARIO<span id="fullpost">TEXTO OCULTO</span>Prueba a mostrar el texto
Tras la etiqueta fullpost colocamos todo el texto oculto que queramos mostrar sólo al pulsar sobre "sigue leyendo", "leer más" o lo que hayamos escogido. El efecto que se consigue con esta mejora es bastante vistoso.