Overblog Suivre ce blog
Editer l'article Administration Créer mon blog
25 juin 2013 2 25 /06 /juin /2013 10:27

 

 


  Apprenez ici à faire des défilements !                                                                            



1. Les défilements avec la balise Marquee

Pour mettre de l'animation facilement, vous devez connaître la balise MARQUEE

C'est la balise à utiliser en langage HTML, qui permet de faire des défilement.

Elle s'utilise sur tout ce que vous voulez : des textes, des photos...


2. Les paramètres de la balise MARQUEE

Paramètre balise MARQUEE

Action

possibilités

Behavior Indique le type de défilement :  Scroll : mode par défaut
Alternate : alterné
Direction Indique la direction du défilement Left : gauche à droite
Right : droite à gauche 
Down : Bas
Up : Haut

Vous pouvez définir la plage
si vous utilisez Up et Down en ajoutant height="x" en nbre de pixels
Scrollamount Vitesse de défilement, en pixels à indiquer en pixels, minimum 1
Scrolldelay Vitesse de défilement en millisecondes  
Loop Nombre de défilements -1  : pour 1 seule
x : nombre de défilements
Infinite : pour continuel
OnmouseOut A utiliser avec celui du dessous, afin d'arréter
le défilement au survol de la souris,
puis le reprendre.
Indiquer "this.start();"
OnMouseOver   Indiquer "this.stop();"



3. Le défilements utilisés en haut de cet article

La photo défile verticalement, avec une vitesse de 5 pixels
Le teste défile horizontalement,  de façon alterné, avec une vitesse de 3 pixels et le défilement cesse quand la souris est au dessus.


4. Codes complets de défilement avec la balise Marquee

Des codes complets pour faire défiler vos textes sont ICI

Des codes complets pour faire défiler vos images sont ICI





 

  * 5 articles a lire pour demarrer votre blog
* Initiation au langage HTML
* Tout pour modifier et embellir vos textes
* Tout savoir sur les images 
* Des gadgets
* Votre blog ne ressemblera pas aux autres
* Mes astuces
* Référencements et indexations
* Index des articles


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Partager cet article

Repost 0
Published by Aurelie - dans HTML
commenter cet article

commentaires

Jijisub 24/08/2010 10:23



bonjour...


J'adore votre site, il m'a beaucoup aidé à mes débuts ^^. Actuellement, je suis en train de monter un autre blog et j'ai un soucis avec les codes. En effet, il fonctionnait merveilleusement bien
avant et maintenant les change de place et ne font défiler que la première vignette... en plus de m'ajouter toute la première partie du premier script entre deux autres
vignettes... bref, y'a t-il qqchose que je fais mal sans m'en rendre compte ?


 


Merci beauocup si vous m'accorder une réponse. à bientôt



Aurelie 24/08/2010 11:05



Je ne peux rien faire sans ton code ! Il y a surement des images "mal placées". La balise de fermeture doit être en toute fin



ANNIE 22/08/2010 17:02



par contre dans quoi je dois aller pour mettre de la petite poussiere ou autre sur la flèche de ma souris


merci



Aurelie 23/08/2010 19:00



La réponse est ici :


http://faireunblog.over-blog.com/article-une-pluie-d-etoiles-qui-suit-le-curseur-50272614.html



ANNIE 22/08/2010 17:01



MERCI J'AI REUSSI A METTRE LA METEO


MAIS PAS LE TRADUCTEUR PAS VU LE CODE


MERCI



biker06 19/08/2010 14:47



Coucou


Merci encore pour cela


bisous


pat



Bidouillette/Tibilisfil 19/08/2010 13:45



Merciiiiiiiiiiii et bonne après-midi!!!!!



.Tachka.(Josiane.) 19/08/2010 13:31



Je voudrais mettre une police plus grande, mais suis nulle je n'y arrive pas, je lance mon "Au secours" SVP!



Aurelie 19/08/2010 15:10



Tu ajoutes : juste avant ton texte (en mode HTML)



catymini 03/04/2010 17:11



Bonjour Aurélie,


d'abord super blog que j'utilise pour les astuces. J'ai voulu me lancer dans un menu déroulant pour gagner de la place.Dans un module texte libre, j'ai voulu placer des "pages" classées par
numéro d'épisode. Mon souci est que les liens mis en place ne fonctionnent pas. Je clique sur le 1er de la liste qui fonctionne et sur la même page affichée, je reclique sur un autre épisode. A
ce moment-là, j'ai un message d'erreur sur le lien. Ce qui revient à dire que je ne peux pas passer d'une page à l'autre sans revenir au début. Je sais ce n'est pas évident à expliquer... C'est
le cas de le dire, j'ai dû raté un épisode dans l'explication ou bien j'en demande trop...


Bref au secours Aurélie !!!!


Mon adresse de blog : http://catymini.over-blog.com


Merci et bon weekend pascal


Sylvie



**CEC** 06/02/2010 17:35


super, j'ai réussi ! merci


JO 03/02/2010 15:33


RE-coucou
Hélas, ça ne fonctionne pas, j'ai augmenté le chiffre, ça me fait une grande bande qui défile mais il n'y a pas toute mes photos.
Pas grave, je crois que je vais tout retirer.
Encore merci de votre gentillesse.
A bientôt
JO


JO 03/02/2010 14:49


Un immense merci pour la rapidité de votre réponse. J'ai énormément de photos, donc il me faut augmenter le chiffre.
Encore MERCI!!! je vais essayer pour voir
Bon aprem
BIZZZ, vous étes vraiment trop sympa. J'ai 63 ans et ne suis pas douée en informatique.
JO


Présentation

  • : Faire un blog
  • Faire un blog
  • : Ce blog vous aide à vous lancer pour faire votre blog : plateforme, mise en page, décoration, gadgets...
  • Contact

Vous Cherchez Quoi ?

Bienvenue !

 

PancarteSmiliz.pngCe blog a pour objet de vous aider à faire votre blog. C'est facile, et possible sans être informaticien !

J'ai 2 autres blogs très différents, et je souhaite mettre mon expérience à votre service. N'hésitez pas à me déposer vos commentaires et questioxxns. 
Si vous débutez, commencez par l' Index des articles , rubrique "Pour bien démarrer". 

 

Inscrivez votre site sur ma Top Liste et améliorez votre référencement.  

Mon logo sur votre site

Si j'ai contribué à l'amélioration de votre blog, merci d'y mettre mon logo :
Site Faire Un Blog

Code à coller :

<a href="http://faireunblog.over-blog.com/" target="_blank"><img height="65" width="85" src="http://sd-1.archive-host.com/membres/up/42016049459753927/PancarteSmiliz.png" alt="Site Faire Un Blog" /></a>

 

 

Date du jour

 

 

 

Géolocalisation

formation