Code pour "Dérouler" un texte.

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Code pour "Dérouler" un texte.

Message par Cass' le Ven 8 Juil 2011 - 12:07

  • Bonjour ! :3 Je sais que ce code existe car je l'ai déjà vue mais je ne sais plus où. Je vais donc essayer d'exliquer clairement ma demande. .w. J'aimerais pouvoir "dérouler mon texte" un peu comme lorsqu'on va dans la FAQ présente dans la barre de navigation. On aurait qu'à cliquer sur le titre pour que le texte se "déroule". J'aurais voulu savoir s'il existait en tant que code HTML et pas forcément en code CSS car c'est pour une fiche de partenariat et si j'ai des class qui ne marchent que sur mon forum ça risque de ne pas aller. .w.

    Merci d'avance. :3

Cass'
****

Féminin
Messages : 212
Inscrit(e) le : 01/06/2011

http://golden-fool.bb-fr.com/
Cass' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour "Dérouler" un texte.

Message par # Eve le Ven 8 Juil 2011 - 12:15

Bonjour Cass',

Est-ce que ceci pourrait t'aider ? [SlideUp & SlideDown].
Il s'agit de la méthode (CSS) que j'ai trouvée pour dérouler un texte vers le bas.
Je ne peux malheureusement pas te donner d'éléments de réponse en HTML.
Je crois que le slide n'existe qu'en CSS3, JavaScript, JQuery et autres langages du même acabit.
Mais je ne suis pas une spécialiste ... Le problème que tu soulèves avec les class/partenariat m'intrigue.
Je suis également le sujet. Désolée si j'ai compris de travers ...
Mon lien ne répond pas à ta question mais peut peut être permettre d'embrayer la réflexion. Wink
Edit : et avec les balises HTML <marquee> ...</marquee> ?

Amicalement,

Eve.

# Eve
**

Féminin
Messages : 54
Inscrit(e) le : 02/10/2010

# Eve a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour "Dérouler" un texte.

Message par Ea le Ven 8 Juil 2011 - 12:34

Bonjour,


Dans un post avec le html activé, ceci doit fonctionner :

Code:
<style type="text/css"> .openbig { max-height: 20px; width: 100%; overflow: hidden; -webkit-transition:max-height 2s ease; -moz-transition:max-height 2s ease; -o-transition:max-height 2s ease; -htm-transition:max-height 2s ease; transition:max-height 2s ease; } .openbig:hover { max-height: 9000px; } .openbig_title { font-size: 20px; } </style>
<div class="openbig"><div class="openbig_title">Titre</div>
    I'm a little...
  pistache.
  moutarde
  oaforeori arzrarz Laissez ce champ vide pour désactiver le message sur la page d'accueil. *Laissez ce champ vide pour désactiver le message sur la page d'accueil. *  Laissez ce champ vide pour désactiver le message sur la page d'accueil. *
  Laissez ce champ vide pour désactiver le message sur la page d'accueil. * Laissez ce champ vide pour désactiver le message sur la page d'accueil. * Laissez ce champ vide pour désactiver le message sur la page d'accueil. * Laissez ce champ vide pour désactiver le message sur la page d'accueil. *
  Laissez ce champ vide pour désactiver le message sur la page d'accueil. * Laissez ce champ vide pour désactiver le message sur la page d'accueil. *
  Laissez ce champ vide pour désactiver le message sur la page d'accueil. *
  Laissez ce champ vide pour désactiver le message sur la page d'accueil. *
  Laissez ce champ vide pour désactiver le message sur la page d'accueil. *
</div>

<div class="openbig"><div class="openbig_title">Titre 2</div>
    Hello
</div>
( test là => http://phpbb2.123.st/t1-test-data-application-zip#6 )

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23417
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour "Dérouler" un texte.

Message par Cass' le Ven 8 Juil 2011 - 13:32

  • Eve › J'ai essayé le code merci car il pourra me servir sur le forum. :3
    Etana › C'est tout à fait ça merci ! x3 J'ai juste une question concernant les *Laissez ce champ vide pour désactiver le message sur la page d'accueil. * Laissez ce champ vide pour désactiver le message sur la page d'accueil. * Vu qu'ils sont voyant et que question esthétique les avoir en plein milieux d'un post est moyen, j'aurais voulu savoir ce qu'il se passait si je les enlevais. .w.

    En tout cas merci à vous deux. ♥

Cass'
****

Féminin
Messages : 212
Inscrit(e) le : 01/06/2011

http://golden-fool.bb-fr.com/
Cass' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour "Dérouler" un texte.

Message par Ea le Ven 8 Juil 2011 - 13:40

Rien. J'ai juste testé dans le message de bienvenue et plutot que taper n'importe quoi pour remplir j'ai copié/collé la phrase qui avait en dessous de la zone d'édition de texte =P


Cordialement.

Ea
Aidactif
Aidactif

Messages : 23417
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour "Dérouler" un texte.

Message par Cass' le Ven 8 Juil 2011 - 15:20

  • aah d'accord. xD J'ai eut peur, je croyais que c'était quelque chose à surtout pas enlever. xD En tout cas merci beaucoup le sujet est clos. x3

Cass'
****

Féminin
Messages : 212
Inscrit(e) le : 01/06/2011

http://golden-fool.bb-fr.com/
Cass' a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum