CCG 13
Explications

Donc juste pour le fun, ou pour un thème qu'on a envie de publier

sur le CCG 13, les explications toutes simples ;

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<STYLE>BODY {
 FONT-SIZE: 14pt; COLOR: #000000; FONT-FAMILY: Comic SANS MS
}
.letterStyle {
 FONT-SIZE: 14pt; COLOR: #000000; FONT-FAMILY: Comic SANS MS
}
</STYLE>

 

<SCRIPT language=VBS>
' All HTML and script by Bill Scott, May, 2000
' billscott@redrivernet.com

 


' Subdued Photo HTML and Script follows:

 

 Option Explicit

 

Dim screenx, screeny, proportion
Dim xxtemp, tt
Dim Image1aHTML
Dim startFlag

 

startFlag=0

 

Sub Window_OnLoad()
document.body.scroll="no"

 

 startFlag=1
 screenx=document.body.clientWidth
 screeny=document.body.clientHeight
 proportion=Image1.offsetHeight/Image1.offsetWidth

 

 Image1.style.posHeight=screeny
 Image1.style.zIndex=1
 
 Image1.style.posWidth=Image1.style.posHeight/proportion
 if screenx-Image1.style.posWidth<400 then Image1.style.posWidth=screenx-400
 
 //posWidht<400 coupure a partir de la droite 
 
 Image1.style.posTop=0
 Image1.style.posLeft=screenx-Image1.style.posWidth

 

 Image1aHTML=Image1.outerHTML

 

 Image1aHTML=Replace(Image1aHTML,"id=Image1","id=Image1a")
 Image1.insertAdjacentHTML "BeforeBegin",Image1aHTML
 Image1a.style.filter="revealTrans flipH(enabled=1) alpha(opacity=25, enabled=1) gray blur(direction=315, strength=15)"
 
 //Filtres mis sur l'image de gauche, pour les fortiches vous pouvez en tester d'autres  ;-)... revealTrans flipV ,dropShadow....
 // opacity en changeant le chiffre on obtient l'image  + ou - foncée
 // gray blur , filtre gris sur l'image.... tester d'autres couleurs...LOL
 
 Image1a.style.posLeft=0
 Image1a.style.posWidth=screenx-Image1.style.posWidth

 

 left1.style.posTop=0
 left1.style.posLeft=Image1.style.posLeft

 

 letter.style.posHeight=screeny
 letter.style.posWidth=left1.style.posLeft
 letter.style.posLeft=0
 letter.style.posTop=0

 

 xxtemp=0

 

 left1.style.visibility="visible"
 
 drawLinesLeft1
End Sub

 

Sub drawLinesLeft1()
 xxtemp=xxtemp+10
 if xxtemp>screeny then
  left1.style.posHeight=screeny
  expandImage1
  Exit Sub
 end if
 left1.style.posHeight=xxtemp
 SetTimeOut"drawLinesLeft1",0
End Sub

 

Sub expandImage1()
 Image1.filters(0).Apply()
 Image1.style.visibility="visible"
 Image1.filters(0).Transition=20
 Image1.filters(0).Play(1.200)

 

 Image1a.filters(0).Apply()
 Image1a.style.visibility="visible"
 Image1a.filters(0).Transition=20
 Image1a.filters(0).Play(1.200)

 

 letter.filters(0).Apply()
 letter.style.visibility="visible"
 letter.filters(0).Transition=12
 letter.filters(0).Play(5.000)
End Sub

 

Sub movText()
 if startFlag=0 then Exit Sub
 tt=((window.event.y-40)/letter.clientHeight)*(text.scrollHeight-letter.clientHeight)
 text.style.top=-tt
End Sub


</SCRIPT>

 

Tout ce qu'il y a avant on passe....

 

<META content="MSHTML 5.50.4134.600" name=GENERATOR></HEAD>
<BODY language=VBS onmousemove=movText bgColor=#ffffff><BGSOUND ( balise du son )balance=0
src="f:\midi\Feuilles mortes.mid" volume=0>

A changer par votre fichier mid au choix, le chemin du disque dur, le répertoire et le fichier .mid
<DIV id=left1
style="FONT-SIZE: 1px; Z-INDEX: 100; LEFT: -1800px; VISIBILITY: hidden; WIDTH: 2px; LINE-HEIGHT: 1px; POSITION: absolute; TOP: 0px; HEIGHT: 0px; BACKGROUND-COLOR: #a83800"> la couleur de la ligne</DIV><IMG
style="Z-INDEX: 1; LEFT: 0px; POSITION: absolute; TOP: 0px"
src="f:\gif\leaf.gif" name=bounce>

A changer par votre un gif au choix, dans le script c'est la feuille qui se promène ...

et on passe de nouveau car c'est le script pour faire bouger ce p'tit gif...

<SCRIPT language=JavaScript>

 

function bounce1(){
window.tm=setInterval('bounceIt()',60);
}

 

function bounce2(){
clearInterval(window.tm);
}

 

      var x=5;
      var y=5;
      var offsetx=5;
      var offsety=5;
 
      function bounceIt() {
        var el = document.all.bounce;
        x+=offsetx;
        y+=offsety;
        if ((x+el.offsetWidth>document.body.clientWidth+document.body.scrollLeft) || (x<=document.body.scrollLeft)) {
          offsetx=-offsetx;
          if (x<document.body.scrollLeft) x=document.body.scrollLeft;
          if (x+el.width>document.body.clientWidth+document.body.scrollLeft)
            x=document.body.clientWidth-el.offsetWidth+document.body.scrollLeft;
        };
        if ((y+el.offsetHeight>document.body.clientHeight+document.body.scrollTop) || (y<=document.body.scrollTop)) {
          offsety=-offsety;
          if (y<document.body.scrollTop) y=document.body.scrollTop;     
          if (y+el.offsetHeight>document.body.clientHeight+document.body.scrollTop)
            y=document.body.clientHeight-el.offsetHeight+document.body.scrollTop;
        };
        el.style.posTop = y;
        el.style.posLeft = x;
      }

 

setTimeout("bounce1()",2500);
window.onunload=bounce2;
</SCRIPT>

et on continue encore un p'tit peu ensemble ;-)))
 <IMG id=Image1
style="FILTER: revealTrans; LEFT: -1800px; VISIBILITY: hidden; POSITION: absolute"
src="f:\images\automne03.jpg" A changer pour votre image c'est celle qui apparaitra, en couleur et en gris suivant les filtres appliqués, pareil le chemin du disque dur, le répertoire et le fichier .jpg border=0></A>
<DIV class=letterStyle id=letter
style="FILTER: revealTrans; LEFT: 0px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 350px; POSITION: absolute; TOP: 0px; HEIGHT: 2000px">
<DIV id=text
style="LEFT: 5%; WIDTH: 90%; POSITION: absolute; TOP: 5%; HEIGHT: 90%">
<DIV>&nbsp;</DIV>

Le texte ...a vous de voir pour la police, et la couleur...
<DIV><FONT face=Comic sans MS color=#800000 >Le CCG13 !<BR>Y'a quelques
révisions de certains CCG passés ....pour que ceux qui ont un peu avancé avec ce
jeu puisse progresser.... mais pour que les débutants puissent en profiter
zaussi les explications sont en deux temps ;-)<BR>Pour les as , je suis certaine
qu'il y a plein de truc a changer, alors montrez nous ;-)))</FONT></DIV>
<DIV><FONT face=Comic color=#800000 size=3 sans MS>Pour les moyens dans la
source vous trouverez quelques endroits a bidouiller, j'ai mis des //
devant<BR>et pour les débutants ...un p'tit message a part, qui vous apprendra
juste a changer, les images et la zique ;-))</FONT></DIV>
<DIV><FONT face=Comic color=#800000 size=3 sans MS>J'ai fait au mieux avec
toutes les lacunes que je possède....</FONT></DIV>
<DIV><FONT face=Comic color=#800000 size=3 sans MS>Cathy<BR></DIV></FONT>
<SCRIPT language=JavaScript>
<!--
ScrollSpeed = 250;  // milliseconds between scrolls
ScrollChars = 4;    // chars scrolled per time period

 

// la fameuse fonction pour mettre un p'tit message dans la barre de tache
// placer votre message entre les ""
function SetupTicker() {
la aussi vous pouvez changer, c'est le message qui apparait en bas dans la barre de tache ;-))

  msg = "L'automne est là.....   ";

Voilà j'espère que tout le monde arrivera a y trouver son compte.....;-))

RunTicker();}

 

function RunTicker() {
  window.setTimeout('RunTicker()',ScrollSpeed);
  window.status = msg;
  msg = msg.substring(ScrollChars) + msg.substring(0,ScrollChars);}
SetupTicker();

 

</SCRIPT>
<P></P></DIV></DIV></BODY></HTML>

 
 

Menu