Défilement Bouton_activeDéfilement Bouton_hoverDéfilement Fb-hoverDéfilement Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Défilement EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Défilement EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Défilement EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Défilement EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Défilement EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Défilement EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Défilement EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Défilement EmptySam 11 Fév 2023, 06:04 par Krager

-67%
Le deal à ne pas rater :
Carte Fnac+ à 4,99€ au lieu de 14,99€ (nouveaux clients / ...
4.99 € 14.99 €
Voir le deal

Partagez
 

Défilement

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : 1, 2  Suivant
http://lilypad.free.fr
Lilypad
Lilypad
{ Membre }
{ Membre }

Féminin Messages : 108



Défilement Empty
Défilement

Niveau : Intermédiaire | Par : Lilypad | Validé par : Orange | En date du 14/09/2009


    Ce tutoriel va vous apprendre à faire défiler du texte, des images, des liens, ou tout ça à la fois.

    I. Faire défiler des images.





    Utilisez ce code, en remplaçant les valeurs en majuscules par vos propres valeurs.
    Code:
    <marquee style="width: LARGEURpx; height: HAUTEURpx" direction="right" onmouseover=this.stop(); onmouseout=this.start();>
    <img src="LIEN IMAGE"> <img src="LIEN IMAGE"> <img src="LIEN IMAGE"> <img src="LIEN IMAGE">
    </marquee>

    II. Faire défiler du texte/liens.


    Vous connaissez ce forum ? CSS Actif


    Utilisez ce code, en remplaçant les valeurs en majuscules par vos propres valeurs.
    Code:
    <marquee style="width: LARGEURpx; height: HAUTEURpx" direction="left" onmouseover=this.stop(); onmouseout=this.start();>VOTRE TEXTE ICI</marquee>

    III. Faire défiler des images avec des liens.





    Utilisez ce code, en remplaçant les valeurs en majuscules par vos propres valeurs.
    Code:
    <marquee style="width: LARGEURpx; height: HAUTEURpx" direction="right" onmouseover=this.stop(); onmouseout=this.start();>
    <a href="URL DU LIEN"><img src="LIEN IMAGE"></a> <a href="URL DU LIEN"><img src="LIEN IMAGE"></a> <a href="URL DU LIEN"><img src="LIEN IMAGE"></a> <a href="URL DU LIEN"><img src="LIEN IMAGE"></a>
    </marquee>

    IV. Autres informations.

    Dans ce tutoriel, les images/textes s'arrêtent lorsque vous passez la souris dessus, mais vous pouvez décider de ne pas le faire en supprimant ceci dans votre balise marquee :

    Code:
    onmouseover=this.stop(); onmouseout=this.start();

    Si vous souhaitez changer la direction du défilement, changez tout simplement la propriété direction dans la balise marquee par :
    - right (de gauche à droit)
    - left ( de droite à gauche)
    - up ( de bas en haut)
    - down (de haut en bas)

    Bonne chance Smile
MessageSujet: Défilement   Défilement EmptyLun 14 Sep 2009, 10:38
Revenir en haut Aller en bas
Invité
Invité




Défilement Empty
Sinon un code encore plus simple pour le défilement.

Texte qui défile vers la gauche

Code:
<marquee>VOTRE TEXTE ou VOTRE IMAGE</marquee>

Cela marche aussi avec des images, et tout ce que vous voulez ^^
MessageSujet: Re: Défilement   Défilement EmptyLun 14 Sep 2009, 12:06
Revenir en haut Aller en bas
http://lilypad.free.fr
Lilypad
Lilypad
{ Membre }
{ Membre }

Féminin Messages : 108



Défilement Empty
    Ce que tu proposes c'est la même chose que moi, sauf que j'ai donné plus d'informations pour pouvoir personnaliser ce défilement (direction, arrêt quand on passe la souris, zone précise avec hauteur et largeur).

    Tu aurais dû lire avant Wink
MessageSujet: Re: Défilement   Défilement EmptyLun 14 Sep 2009, 12:08
Revenir en haut Aller en bas
Invité
Invité




Défilement Empty
Oui mais quand tu as des lignes et des lignes de code autant avoir les plus petits code ^^

D'ailleurs c'est ce qui ce passe dans mon message d'entête, un bordel pas possible :s J'aurais besoin d'aide mais je vais le changer Smile
MessageSujet: Re: Défilement   Défilement EmptyLun 14 Sep 2009, 12:10
Revenir en haut Aller en bas
http://lilypad.free.fr
Lilypad
Lilypad
{ Membre }
{ Membre }

Féminin Messages : 108



Défilement Empty
    Ce n'est pas des lignes et des lignes de codes, c'est la hauteur et la largeur, et la direction du défilement. Et ça fait une seule ligne.
    Et c'est pas un bordel pas possible, il suffit d'espacer chaque partie dans tes codes HTML, et tu t'y retrouves très bien. Smile
MessageSujet: Re: Défilement   Défilement EmptyLun 14 Sep 2009, 12:15
Revenir en haut Aller en bas
http://tjal.olympe.in/Tjal/index.php
Johian
{ Membre actif }
{ Membre actif }

Féminin Messages : 778



Défilement Empty
J'ai une petite question, je pourrais en trouver la réponse en testant mais peut-être que la réponse intéressera d'autres personnes, donc je la pose ^^

Dans le code
Code:
onmouseover=this.stop(); onmouseout=this.start();
Si on le remplace par
Code:
onmouseover=this.start(); onmouseout=this.stop();
Est-ce que le défilement va se faire lorsque l'on passe la souris dessus, ou pas ?
MessageSujet: Re: Défilement   Défilement EmptyLun 14 Sep 2009, 12:51
Revenir en haut Aller en bas
http://lilypad.free.fr
Lilypad
Lilypad
{ Membre }
{ Membre }

Féminin Messages : 108



Défilement Empty
    Le défilement marche oui, mais il ne s'arrête plus quand tu passes la souris dessus.

    Je sais pas trop ce que tu veux faire, mais si tu veux justement faire en sorte que ça ne s'arrête pas quand on passe la souris, enlève tout, comme je l'ai dit dans Autres Informations, c'est encore plus simple.
MessageSujet: Re: Défilement   Défilement EmptyLun 14 Sep 2009, 12:59
Revenir en haut Aller en bas
http://tjal.olympe.in/Tjal/index.php
Johian
{ Membre actif }
{ Membre actif }

Féminin Messages : 778



Défilement Empty
Umm non, en fait le truc ce serait que ça ne défile pas du tout SAUF lorsque l'on passe la souris dessus... Donc en fait faire l'inverse de ce que tu as dit ^^" (c'est peut-être pas plus clair là... xD)
MessageSujet: Re: Défilement   Défilement EmptyLun 14 Sep 2009, 13:09
Revenir en haut Aller en bas
http://lilypad.free.fr
Lilypad
Lilypad
{ Membre }
{ Membre }

Féminin Messages : 108



Défilement Empty
    Ah d'accord ! Alors oui c'est ce que tu as fait, tu inverses stop et start dans les deux valeurs ^^

    En fait j'avais mal lu ton truc, j'avais pas vu que tu avais changé les deux, j'ai cru que avais changé juste la dernière, et donc ça retirait juste l'arrêt quand on passe la souris.
MessageSujet: Re: Défilement   Défilement EmptyLun 14 Sep 2009, 13:19
Revenir en haut Aller en bas
http://tjal.olympe.in/Tjal/index.php
Johian
{ Membre actif }
{ Membre actif }

Féminin Messages : 778



Défilement Empty
Ok, merci beaucoup ^^
Et merci pour le tuto en passant What a Face
Et bonne soirée aussi tiens xD
MessageSujet: Re: Défilement   Défilement EmptyLun 14 Sep 2009, 13:21
Revenir en haut Aller en bas
http://www.css-actif.com
Orange
Orange
RocketMan
RocketMan

Masculin Messages : 3086



Défilement Empty
Tutoriel clair, utile et validé avec grand plaisir Bravo !. Je me permet seulement d'en changer le niveau, direction: intermédiaire.

EDIT: Très bon choix d'images défilantes xD
MessageSujet: Re: Défilement   Défilement EmptyLun 14 Sep 2009, 16:53
Revenir en haut Aller en bas
http://lilypad.free.fr
Lilypad
Lilypad
{ Membre }
{ Membre }

Féminin Messages : 108



Défilement Empty
Orange a écrit:
EDIT: Très bon choix d'images défilantes xD

Wink
MessageSujet: Re: Défilement   Défilement EmptyLun 14 Sep 2009, 21:30
Revenir en haut Aller en bas
Basil Hawkins
Basil Hawkins
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 2912



Défilement Empty
Hello,
Je voulais savoir: y a-t-il un moyen de choisir la vitesse défilement ? Car j'ai fait ça sur mon forum et c'est trop rapide :/
MessageSujet: Re: Défilement   Défilement EmptyJeu 19 Nov 2009, 17:45
Revenir en haut Aller en bas
Basil Hawkins
Basil Hawkins
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 2912



Défilement Empty
Ah merci beaucoup sNipe ! Smile
MessageSujet: Re: Défilement   Défilement EmptyVen 20 Nov 2009, 12:15
Revenir en haut Aller en bas
http://graph-design.forumactif.org
Angie*
Angie*
{ Membre }
{ Membre }

Féminin Messages : 19



Défilement Empty
merci c'est super
MessageSujet: Re: Défilement   Défilement EmptyLun 25 Jan 2010, 05:27
Revenir en haut Aller en bas
http://www.rosebud.forumactif.biz
Kita-Chan
Kita-Chan
{ Membre }
{ Membre }

Féminin Messages : 150



Défilement Empty
J'aimerai savoir comment on pourrait changer le defilement. J'aimerai qu'il aille de haut vers le bas.
MessageSujet: Re: Défilement   Défilement EmptySam 06 Mar 2010, 04:23
Revenir en haut Aller en bas
Basil Hawkins
Basil Hawkins
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 2912



Défilement Empty
Lilypad a écrit:
IV. Autres informations.

Dans ce tutoriel, les images/textes s'arrêtent lorsque vous passez la souris dessus, mais vous pouvez décider de ne pas le faire en supprimant ceci dans votre balise marquee :

Code:
onmouseover=this.stop(); onmouseout=this.start();

Si vous souhaitez changer la direction du défilement, changez tout simplement la propriété direction dans la balise marquee par :
- right (de gauche à droit)
- left ( de droite à gauche)
- up ( de bas en haut)
- down (de haut en bas)

Bonne chance Smile
MessageSujet: Re: Défilement   Défilement EmptySam 06 Mar 2010, 04:27
Revenir en haut Aller en bas
http://www.illusionimaginative.net/
.Little Lady
.Little Lady
{ Membre actif }
{ Membre actif }

Féminin Messages : 564



Défilement Empty
Et comment faire, si l'on souhaite que un texte défile de haut en bas puis de bas en haut ??
MessageSujet: Re: Défilement   Défilement EmptySam 06 Mar 2010, 05:28
Revenir en haut Aller en bas
Basil Hawkins
Basil Hawkins
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 2912



Défilement Empty
C'est impossible Wink
MessageSujet: Re: Défilement   Défilement EmptySam 06 Mar 2010, 07:12
Revenir en haut Aller en bas
http://www.illusionimaginative.net/
.Little Lady
.Little Lady
{ Membre actif }
{ Membre actif }

Féminin Messages : 564



Défilement Empty
Ah d'accord. merci beaucoup de ta réponse.
MessageSujet: Re: Défilement   Défilement EmptySam 06 Mar 2010, 07:13
Revenir en haut Aller en bas
Basil Hawkins
Basil Hawkins
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 2912



Défilement Empty
De rien Smile

Cependant il est possible de le faire rebondir de droite à gauche Wink (code ici --> http://www.guide-code-html.com/formatage-texte-html.php)
MessageSujet: Re: Défilement   Défilement EmptySam 06 Mar 2010, 07:15
Revenir en haut Aller en bas
http://www.rosebud.forumactif.biz
Kita-Chan
Kita-Chan
{ Membre }
{ Membre }

Féminin Messages : 150



Défilement Empty
Merci de ta reponse ^^
MessageSujet: Re: Défilement   Défilement EmptyMer 10 Mar 2010, 15:47
Revenir en haut Aller en bas
Invité
Invité




Défilement Empty
Bonsoir à tous,

Je cherche à mon tour à faire défiler du texte et je connaissais cette méthode. Mais je ne trouve pas le moyen de faire s'arrêter le texte quelques secondes (sans survol de la souris).
Quelqu'un saurait il m'aider ?!
MessageSujet: Re: Défilement   Défilement EmptyVen 19 Mar 2010, 22:29
Revenir en haut Aller en bas
http://marocphoto.jtkc.org
marocphoto
marocphoto
{ Membre }
{ Membre }

Masculin Messages : 16



Défilement Empty
j'ai fait le code suivant dans le CSS, pour pouvoir faire défiler des images mais il ne l'accepte pas, prière de me corriger:



MessageSujet: Re: Défilement   Défilement EmptyVen 21 Mai 2010, 13:18
Revenir en haut Aller en bas
http://rebirth-forum.forumactif.com/
nadejda
nadejda
{ Membre }
{ Membre }

Féminin Messages : 7



Défilement Empty
Merci beaucoup, cela rend super bien sur mon forum !
MessageSujet: Re: Défilement   Défilement EmptyJeu 01 Juil 2010, 13:50
Revenir en haut Aller en bas
Contenu sponsorisé




Défilement Empty
MessageSujet: Re: Défilement   Défilement Empty
Revenir en haut Aller en bas
 

Défilement

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 2Aller à la page : 1, 2  Suivant

 Sujets similaires

-
» Probleme de Defilement
» Vitesse de défilement
» Défilement d'images (messages)
» Problème défilement
» Barre de défilement invisible ?

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Corbeille :: Archives de CSSActif :: Archives 2009~2011-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit