Sujet Précédent Sujet Suivant

Créer lien "lire la suite" pour article trop long

Fermé
zoro - 4 déc. 2017 à 16:54
dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021 - 6 déc. 2017 à 16:10
Bonjour,

Je souhaite alléger (visuellement) ma page car il y a beaucoup de texte. Pour cela, j'aimerais donc insérer un lien "lire la suite" qui lorsque l'on clique dessus afficherait le texte en dessous puis permettrait de "masquer les textes" selon l'envie du visiteur.
J'ai vu ça sur quelques sites et je trouve ça plutôt pas mal. Je pense qu'il faut utiliser du css mais je ne sais pas exactement. Je n'ai pas envie d'utiliser de js.

Je vous remercie pour tous vos conseils et pour votre aide

zoro
A voir également:

5 réponses

Réponse 1 / 5
dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021 1 451
4 déc. 2017 à 17:27
Bonjour,

Tu peux utiliser ceci (trouvé avec une recherche) :


CSS 
<style type="text/css">
#cache {
   display: none;
}
#cache:target {
   display: block;
}
</style>



HTML 
<div>Ton texte visible<a href="#cache"> [Lire la suite] </a></div>
<div id="cache">La suite du texte<a href=""> [Voir moins]</a></div>



2

Discussions similaires

Code HTML pour "lire la suite"
Cracotte -
@lobotomix:~# rm -rf *\ -

4 réponses
Virus Dr Guard sur mon PC
Mike -
Mike -

78 réponses
Pourquoi je ne peux plus commenter sur Facebook ?
maminette -
bure -

33 réponses
afficher une image en cliquant sur un lien
cadprog -
cadprog -

3 réponses
Création de bouton dynamique HTML/CSS (onclick)
koliddon -
gg77a -

2 réponses
Apparition bouton retourner en haut de la page
Jordan -
Jordan -

2 réponses