SCROLLING
Exemple de scrolling :
Le code informatique qui fait fonctionner le scrolling ci-dessus se trouve ici :
<center>
<marquee scrollamount="3" scrolldelay="50"
onmouseover="this.stop();" onmouseout="this.start();" height="20" bgcolor="#CCFFCC" width="450" style=
"border:2px solid #0000FF; text-align: center;
font-family:Comic sans ms; color:#0000FF; font-size:12pt; font-weight:bold; font-style:italic" direction="left"><a href=
"http://bibliosailly.jimdo.com/animation-jeunesse/">Animation Jeunesse, cliquer ici</a>
</marquee>
</center>
Pour mettre en place ce scrolling,
1. Sélectionner TOUT le paragraphe écrit en italique, de " <center> " à " </center> ", Copier (Ctrl+C)
2. Connexion Jimdo, de préférence en étant sur la page où le scrolling est à installer
3. Ajouter un élément, 'plus d'élément', sélectionner 'Widget/html', Coller (Ctrl+v)
4. Enregistrer
Pour Modifier ce scrolling :
A. Modifier le texte qui défile.
Dans le paragraphe du code, ce texte est en écrit en rouge. Ce texte est modifiable à volonté.
B. Modifier le lien Internet.
Dans le paragraphe du code, le lien est en gras. On remplace ce texte en gras, par l'URL du site à appeler, (ou de la page du site à appeler). (Le plus efficace est de faire un copier-coller de l'URL)
C. Supprimer le lien, dans ce cas le scrolling est une simple annonce.
L'instruction href = " Texte en gras, l'URL du lien " , par l'expression suivante : Href= ""
On aura donc :<a Href= "">le texte qui défile<a/>
(voir plus bas : scrolling sans lien )
D. Modifier la présentation :
La vitesse de défilement (scrollamount) : de 2 (lent) à 5 (rapide)
La largeur (width) et la hauteur (height) peuvent être modifiés dans des propositions raisonnables.
Les couleurs sont notées en héxadécimal comme "CCFFCC" (bleu-vert). Pour la notation des couleurs, voir http://www.proftnj.com/RGB3.htm
Par exemple : Blanc = #FFFAFA
Pour avoir un fond blanc, on remplacera : bgcolor="#CCFFCC" par bgcolor="#FFFAFA"
A tître d'exemple, code pour scrolling sans lien :
<center>
<marquee scrollamount="5" scrolldelay="50" onmouseover="this.stop();" onmouseout="this.start();" height="30" bgcolor="#CCFFCC" width="450" style=
"border:2px solid #0000FF; text-align: center; font-family:Comic sans ms; color:#0000FF; font-size:12pt; font-weight:bold; font-style:italic" direction="left"><a
href="">DERNIERS ACHATS JEUNESSE,
cliquez ci-dessous</a></marquee>
</center>
A noter : la police du code, sa taille, sa couleur, . . . n'affectent en rien le fonctionnement du
scrolling.