|
|
 Lilypad 
{ Membre }
 Messages : 108
 | Défilement Niveau : Intermédiaire | Par : Lilypad | Validé par : Orange | En date du 14/09/2009Ce 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.
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  | | |
|
 | |
Invité Invité
| Sinon un code encore plus simple pour le défilement. - Code:
-
<marquee>VOTRE TEXTE ou VOTRE IMAGE</marquee> Cela marche aussi avec des images, et tout ce que vous voulez ^^ | | |
|
| | |
Lilypad
{ Membre }
Messages : 108
| 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  | | |
|
| | |
Invité Invité
| 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 | | |
|
| | |
Lilypad
{ Membre }
Messages : 108
| 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. | | |
|
| | |
Johian
{ Membre actif }
Messages : 778
| 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 ? | | |
|
| | |
Lilypad
{ Membre }
Messages : 108
| 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. | | |
|
| | |
Johian
{ Membre actif }
Messages : 778
| 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) | | |
|
| | |
Lilypad
{ Membre }
Messages : 108
| 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. | | |
|
| | |
Johian
{ Membre actif }
Messages : 778
| Ok, merci beaucoup ^^ Et merci pour le tuto en passant  Et bonne soirée aussi tiens xD | | |
|
| | |
Orange 
RocketMan
 Messages : 3086
| Tutoriel clair, utile et validé avec grand plaisir  . Je me permet seulement d'en changer le niveau, direction: intermédiaire. EDIT: Très bon choix d'images défilantes xD | | |
|
| | |
Lilypad
{ Membre }
Messages : 108
| - Orange a écrit:
- EDIT: Très bon choix d'images défilantes xD
| | |
|
| | |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| 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 :/ | | |
|
| | |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Ah merci beaucoup sNipe ! | | |
|
| | |
Angie*
{ Membre }
Messages : 19
| |
| | |
Kita-Chan
{ Membre }
Messages : 150
| J'aimerai savoir comment on pourrait changer le defilement. J'aimerai qu'il aille de haut vers le bas. | | |
|
| | |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| - 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 | | |
|
| | |
.Little Lady
{ Membre actif }
Messages : 564
| Et comment faire, si l'on souhaite que un texte défile de haut en bas puis de bas en haut ?? | | |
|
| | |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| C'est impossible | | |
|
| | |
.Little Lady
{ Membre actif }
Messages : 564
| Ah d'accord. merci beaucoup de ta réponse. | | |
|
| | |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| De rien Cependant il est possible de le faire rebondir de droite à gauche (code ici --> http://www.guide-code-html.com/formatage-texte-html.php) | | |
|
| | |
Kita-Chan
{ Membre }
Messages : 150
| |
| | |
Invité Invité
| 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 ?! | | |
|
| | |
marocphoto
{ Membre }
Messages : 16
| |
| | |
nadejda
{ Membre }
Messages : 7
| Merci beaucoup, cela rend super bien sur mon forum ! | | |
|
| | |
Contenu sponsorisé
| |
| | |
|
