Pour accéder plus rapidement au sommaire correspondant à cet article, cliquez sur le lien :

publié dans : OB - Design et Mise en page

Fonction Lire la suite

Supposons que vous ayez un texte assez long. Pour ne pas faire peur au lecteur potentiel, nous allons cacher une partie de ce texte. Il faudra cliquer sur un lien pour rendre la suite visible. Ce n'est pas bien compliqué.

1ère étape : Dans votre CSS Global,

vous rajoutez tout à la fin

#lirelasuite {display:none;}

2ème étape : dans le mode source de l'article

Tout au début, vous rajoutez
<style type="text/css">
#lirelasuite {display:none;}
</style>

Au niveau de lire la suite, vous rajoutez

<p><a href="#nogo" onclick="document.getElementById('lirelasuite').style.display = 'block';
this.style.display = 'none';">Lire la suite...</a></p>
<p id="lirelasuite">VOTRE TEXTE</p>

Ainsi

Fantine, jeune mère célibataire, sans ressources, abandonnée par son amant alors qu'elle était enceinte, doit subvenir à ses besoins et à ceux de sa fille, Cosette ; elle la confie donc à un couple d'aubergistes peu scrupuleux, les Thénardier.

Lire la suite...

Jean Valjean, ancien forçat, endurci par un sort peu favorable, decide de recouvrer sa dignité et commence à aider Fantine, qu'il rencontre par hasard dans son usine. Malgré le faux nom qu'il utilise, M.Madeleine, alias Jean Valjean, est reconnu par Javert, un policier, et retourne au bagne. Il réussit néanmoins à fuir à nouveau dans l'unique but de sauver et de s'occuper de Cosette, malgré les obstacles... Victor Hugo signe ici la plus grande épopée française populaire, avec comme toile de fond Paris, ses quartiers et son histoire !



Vérifiez bien dans votre source que vous n'avez ni :
  • <p> et </p> autre que ceux du code
  • <div> et </div>
A lire : le commentaire de Nadj3t et sa personnalisation du code

A lire :

commentaires (30)    ajouter un commentaire
Retour à la page d'accueil

Publicité

 

Présentation

: Les ficelles d Anna K.
: 26/06/2006
annak : Aide et astuces pour créer et personnaliser un blog. Toutes les étapes pour créer un blog sur Over-Blog : les premiers pas, la gestion quotidienne (écrire des articles, placer des photos...), les modifications de CSS (changer les fonds, les couleurs de police...), des idées de design...et le personnaliser quelle que soit la plateforme : mettre en valeur les images et les textes, créer des menus, installer de la musique, des gadgets, des compteurs, des astuces de référencement...

 

Recherche Rapide Sur le Site

 

Sommaires

 

Déco Halloween

 

Déco Automne

 

Dernières Astuces

liste complète

 

Commentaires

 

Publicité

 

Contact - C.G.U. - Rémunération en droits d'auteur avec TF1 Network - Signaler un abus