CCG 8
Explications

Bonjour!!
 
Le CCG nouveau est arrivé.
Certains vont le trouver trop simple; mais attendons de les voir à l'oeuvre ;-)
 
Comme je préfère expliquer ce que je comprends, j'ai choisi de ne pas utiliser de Javascript et autres langages que je ne maîtrise pas.
 
 
 
Paramètres Valeurs possibles Expliquons
Behavior (style de marquise)

Alternate

Va et vient
Scroll Scroll :-)
Slide objet qui arrive et reste. (le loop doit être réglé à 1)
Direction right, down, left, up pas compliqué
Width ou Height en pixels ou en pourcentage de la fenêtre

Largeur ou Hauteur de la marquise

On utilise généralement l'un ou l'autre suivant que la marquise est horizontale ou verticale.

Loop nombre

Nombre de "passage" de la marquise.

Pour obtenir une animation "infinie", régler sur -1

Z-index nombre    Réglage de la superposition des images. Plus le nombre est grand, plus l'image se trouvera sur le dessus lors du "croisement" des images.
ScrollAmount nombre

Ici on indique de combien de pixels l'image ou le texte avance à chaque "pas".

ScrollDelay nombre En millisecondes: le délai entre chaque avancée ou pas de l'image.
 
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
Dans la balise <STYLE> je décide de la police, sa couleur, sa taille.
<STYLE>
body {
font-family:verdana;
color:white;
font-size:18px
}
</STYLE>
<!-- ICI ON INDIQUE LA COULEUR DU FOND ET L IMAGE DE FOND-->
<META content="MSHTML 5.50.4611.1300" name=GENERATOR></HEAD>
<BODY bgColor=#808ca8 background="c:/Mes documents/CCG/8fd.gif">
<!--ICI LE FOND SONORE-->
<BGSOUND
balance=0 src="C:\Mes documents\CCG\8.mid" volume=0 loop=infinite>
<!-- ICI LA MARQUISE DE STYLE VA ET VIENT-->
<MARQUEE style="Z-INDEX: 2; LEFT: 50px; BOTTOM: 10px; POSITION: absolute"
scrollAmount=4 scrollDelay=40 behavior=alternate width="80%">
<IMG src="c:/Mes documents/CCG/8e.gif"></MARQUEE>
<!-- ICI UNE MARQUISE EN DIAGONALE DONC 2 MARQUISES IMBRIQUEES-->
La première (en bleu) indique que l'image descend, la seconde (en rouge) qu'elle va vers la droite.
Bien spécifier pour les deux la largeur et la hauteur à 110% pour que les images traversent bien toute la fenêtre.
<MARQUEE style="Z-INDEX: 3; POSITION: absolute" scrollAmount=4 scrollDelay=40
direction=down height="110%" width%="110%">
<MARQUEE scrollAmount=4 scrollDelay=40 direction=right width="110%"
height="110%"><IMG src="c:/Mes documents/CCG/8b.gif"></MARQUEE></MARQUEE>
<!--ICI UNE MARQUISE "GLISSEMENT" IMAGE ET TEXTE DE DROITE A GAUCHE-->
Le Z-INDEX est à 10 pour être sûr qu'il soit toujours visible, au-dessus des images.
L'image suivie du texte va s'arrêter à 200 pixels du bord gauche comme indiqué.
J'ai précisé la largeur à 1000 pour lui laisser "le temps" d'arriver.
<MARQUEE style="Z-INDEX: 10; LEFT: 200px; POSITION: absolute" scrollAmount=4
scrollDelay=40 behavior=slide loop=1 width=1000><IMG
src="c:/Mes documents/CCG/8g.gif" align=left><BR><BR>&nbsp; &nbsp;&nbsp;&nbsp;Un
petit CCG tout simple<BR>Je serai donc intransigeante;<BR>Je tiens absolument à
ce que<BR>vous changiez les paramètres <BR>des marquises.</MARQUEE>
<!-- ICI UNE MARQUISE EN DIAGONALE DONC 2 MARQUISES IMBRIQUEES-->
La première (en bleu) indique que l'image descend, la seconde (en rouge) qu'elle va vers la gauche.
Ne pas oublier la largeur ou hauteur selon que la marquise est horizontale ou verticale à 110%.
<MARQUEE style="Z-INDEX: 4; POSITION: absolute" scrollAmount=2 scrollDelay=25
direction=down height="110%" width%="110%">
<MARQUEE scrollAmount=2 scrollDelay=25 direction=left width="110%" height="110%"><IMG
src="c:/Mes documents/CCG/8c.gif"></MARQUEE></MARQUEE>
<!-- ICI UNE MARQUISE SCROLL DE HAUT EN BAS -->
<MARQUEE style="Z-INDEX: 8; LEFT: 0px; POSITION: absolute" scrollAmount=4
scrollDelay=40 direction=down height="100%"><IMG
src="c:/Mes documents/CCG/8a.gif"></MARQUEE>
<!--ICI UNE MARQUISE SCROLL DU BAS VERS LE HAUT -->
<MARQUEE style="Z-INDEX: 11; LEFT: 100px; POSITION: absolute" scrollAmount=4
scrollDelay=40 direction=up height="100%"><IMG
src="c:/Mes documents/CCG/8f.gif"></MARQUEE>
<!-- ICI UNE MARQUISE GLISSEMENT DU BAS VERS LE HAUT-->
Il suffit de bien repérer grâce à left:600px et top:20px la position de l'image à l'arrivée.
<MARQUEE style="Z-INDEX: 10; LEFT: 600px; POSITION: absolute; TOP: 20px"
scrollAmount=4 scrollDelay=40 direction=up behavior=slide loop=1
height=1000><IMG src="c:/Mes documents/CCG/8d.gif"></MARQUEE>
<!-- ICI UNE MARQUISE GLISSEMENT DU BAS VERS LE HAUT CONTENANT UNIQUEMENT DU TEXTE-->
Penser à la position finale comme pour la précédente.
J'ai changé la hauteur de la marquise, que j'ai réglée à 1300, cela lui donne le temps (puisqu'elle démarre hors de la fenêtre) que tout le reste se mette en place
<MARQUEE style="Z-INDEX: 10; LEFT: 375px; POSITION: absolute; TOP: 170px"
scrollAmount=4 scrollDelay=40 direction=up behavior=slide loop=1
height=1300>:o)<BR>Laurence</MARQUEE>
</BODY></HTML>
 
Bon.
Je n'ai pas l'impression d'être très claire.
J'espère qu'il y aura des questions ;-)
Si je me suis planté, faite le moi savoir svp...
 
Bon courage
Laurence
 

Menu