Antivirus offre spéciale - jusqu'à 60 % de réduction avec openElement !
Accueil Forum Accueil Forum >

openElement

> Scripts pour votre site
  Nouveaux messages Nouveaux messages Fil RSS  - Divers sripts pour votre site
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Divers sripts pour votre site

 Répondre Répondre
Auteur
Message
erbemd54 allez vers le bas
Senior Member
Senior Member


Depuis le: 12 Sep 2012
Status: Inactif
Points: 154
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer erbemd54 Citer  RépondreRéponse Lien Direct à ce Post Sujet: Divers sripts pour votre site
    Envoyé : 03 Jan 2013 à 18:15

Voici pour vos sites OpenElement 8 scripts (JavaScript) utiles et futiles, libre de droits. A copier tel quel ou en modifiant les variables, ils sont à placer suivant les instructions. Faite un essai sur une page blanche.

 

<!-- ****************************************************** -->

 

<!-- Ce script fait défiler du texte en continu de droite à gauche dans un cadre. Le défilement s'arrête si la souris passe dessus  -->

<!-- A placer dans un bloc de code -->

 

<center><marquee scrollamount="2" scrolldelay="50" onmouseover="this.stop();" onmouseout="this.start();" height="15" bgcolor="#9de7f0" width="200" style="border:2px solid #0000ff; text-align: center; font-family:Arial; color:#245ddb; font-size:10pt; " direction="left">BIENVENUE sur le site</marquee></center>

 

<!-- ****************************************************** -->

 

<!-- Ce script fait défiler du texte en alterné de droite à gauche dans un cadre, plus un lien. Le défilement s'arrête si la souris passe dessus  -->

<!-- Le lien envoi à la page Page2.htm. A placer dans un bloc de code -->

 

<center><marquee scrollamount="2" scrolldelay="50" onmouseover="this.stop();" onmouseout="this.start();" height="20" bgcolor="#9de7f0" width="200" style="border:2px ridge #0000ff; text-align: center; font-family:Arial; color:#000000; font-size:8pt; font-weight:bold; font-style:italic" behavior="alternate"><a href="Page2.htm">BIENVENUE sur le site. Cliquez ici </a></marquee></center>

 

<!-- ****************************************************** -->

 

<!-- Ce script fait défiler du texte dans un cadre de bas en haut. Le défilement s'arrête si la souris passe dessus -->

<!-- Ci-dessous (à partir de la ligne 8) texte défilant horizontale avec couleur du texte (ligne 6) -->

<!-- A placer dans un bloc de code -->

 

<marquee scrollamount="2" scrolldelay="100" onmouseover="this.stop();" onmouseout="this.start();" height="194"

bgcolor="#2cd5ff" width="185" style="border:1px solid #ffffff; text-align: center; font-family:Arial; color:#ffffff; font-size:10pt; "

direction="up">Quam ut sit post res.

 <br>Post hanc adclinis Libano monti Phoenice, regio plena gratiarum et venustatis, urbibus decorata magnis et pulchris; in

 

quibus amoenitate celebritateque nominum Tyros excellit, Sidon et Berytus isdemque pares Emissa et Damascus saeculis

condita priscis.

Nemo quaeso miretur, si post exsudatos labores itinerum longos congestosque adfatim commeatus fiducia vestri ductante

barbaricos pagos adventans velut mutato repente consilio ad placidiora deverti.

Quid? qui se etiam nunc subsidiis patrimonii aut amicorum liberalitate sustentant, hos perire patiemur? An, si qui frui

publico non potuit per hostem, hic tegitur ipsa lege censoria; quem is frui non sinit, qui est, etiamsi non appellatur, hostis,

huic ferri auxilium non oportet? Retinete igitur in provincia diutius eum, qui de sociis cum hostibus, de civibus cum sociis

faciat pactiones.

</marquee>

 

<!-- ****************************************************** -->

 

<!-- Ce script fait défiler du texte et une image de 147/63 pixels en continu de droite à gauche dans un cadre, plus un lien. Le

défilement s'arrête si la souris passe dessus -->

<!-- Le fichier (ici manta1.gif) doit être placé à la racine du site. Le lien envoi à la page Page2.htm -->

<!-- NOTA: vous devez créer ce fichier en gif, il n'est pas intégré dans le script.-->

<!-- Si vous prenez un autre fichier remplacé le nom du fichier "man1.gif" par le vôtre -->

<!-- A placer dans un bloc de code -->

 

<center><marquee scrollamount="2" scrolldelay="50" onmouseover="this.stop();" onmouseout="this.start();" height="70"

width="400" style="border:2px outset #0000FF; text-align: center; font-family:Arial; color:#0000FF; font-size:10pt;

font-weight:bold; font-style:italic" direction="left"><a href="Page2.htm" target="_blank"><img alt="Nom de votre image ou

une information " src="manta1.gif"  width="147" height="63" border="0">BIENVENUE sur le site. Cliquez

ici</a></marquee></center>

 

<!-- ****************************************************** -->

 

<!-- Ce script fait défiler une image (toutes tailles) en continu du bas vers le haut dans un cadre, plus un lien. Le défilement

s'arrête si la souris passe dessus -->

<!-- Le fichier (ici imH1.jpg) doit être placé à la racine du site. Le lien envoi à la page Page2.htm -->

<!-- NOTA: vous devez créer ce fichier en jpg, il n'est pas intégré dans le script.-->

<!-- Si vous prenez un autre fichier remplacé le nom du fichier "imH1.jpg" par le vôtre -->

<!-- A placer dans un bloc de code -->

 

<center><table border="1" cellspacing="0" width="360" id="table1" height="40" bordercolor="#0b21a9" cellpadding="0">

<tr>

<td>

<marquee behavior="scroll" direction="up" width="100%" height="100%" scrollamount="1" scrolldelay="0"

onmouseover="this.stop()" onmouseout="this.start()">

<div align="center">

<a href="Page2.htm" target="_blank"><img src="imH1.jpg" border="0" alt="Texte de votre choix"></a>

</div></marquee>                             

</td>

</tr>

</table>

</center>

 

<!-- ****************************************************** -->

 

 

<!-- Ce script affiche une image en relief positif -->

<!-- Le fichier (ici manta1.gif) doit être placé à la racine du site. -->

<!-- NOTA: vous devez créer ce fichier en gif, il n'est pas intégré dans le script.-->

<!-- Si vous prenez un autre fichier remplacé le nom du fichier "manta1.gif" par le vôtre -->

<!-- A placer dans un bloc de code -->

 

 

<center><img src="manta1.gif" style="filter:progid:dximagetransform.microsoft.emboss"></center>

 

<!-- ****************************************************** -->

 

<!-- Ce script affiche une image en relief négatif -->

<!-- Le fichier (ici manta1.gif) doit être placé à la racine du site. -->

<!-- NOTA: vous devez créer ce fichier en gif, il n'est pas intégré dans le script.-->

<!-- Si vous prenez un autre fichier remplacé le nom du fichier "manta1.gif" par le vôtre -->

<!-- A placer dans un bloc de code -->

 

<center><img src="manta1.gif" style="filter:progid:dximagetransform.microsoft.engrave"></center>

 

<!-- ****************************************************** -->

 

<!-- Ce script image laisse échapper des bulles au passage de la souris -->

<!-- Le fichier bulle.png doit être placé à la racine du site -->

<!-- NOTA: vous devez créer ce fichier en png, il n'est pas intégré dans le script.-->

<!-- Faire un fichier de 20/20 pixels maxi. au départ, car elles grossissent en montant. -->

<!-- Si vous prenez un autre fichier remplacé le nom du fichier "bulle.png" par le vôtre -->

<!-- A placer dans un bloc de code masqué -->

<!-- Emplacement dans l'entête (<head></head>) -->

 

<!-- Begin

Image0 = new Image();

Image0.src = "bulle.png";

Amount = 10;

Ymouse = -50;

Xmouse = -50;

Ypos = new Array();

Xpos = new Array();

Speed = new Array();

rate = new Array();

grow = new Array();

Step = new Array();

Cstep = new Array();

nsSize = new Array();

ns = (document.layers)?1:0;

(document.layers)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt) {

Ymouse=(document.layers)?evnt.pageY-20:event.y-20;

Xmouse=(document.layers)?evnt.pageX:event.x;

}

(document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse;

for (i = 0; i < Amount; i++) {

Ypos = Ymouse;

Xpos = Xmouse;

Speed = Math.random()*4+1;

Cstep = 0;

Step = Math.random()*0.1+0.05;

grow = 8;

nsSize = Math.random()*15+5;

rate = Math.random()*0.5+0.1;

}

if (ns) {

for (i = 0; i < Amount; i++) {

document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+Image0.src+" name='N' width="+nsSize+"

height="+nsSize+"></LAYER>");

   }

}

else {

document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i = 0; i < Amount; i++) {

document.write('<img id="si" src="'+Image0.src+'" style="position:absolute;top:0px;left:0px;filter:alpha(opacity=90)">');

}

document.write('</div></div>');

}

function MouseBubbles() {

var hscrll = (document.layers)?window.pageYOffset:document.body.scrollTop;

var wscrll = (document.layers)?window.pageXOffset:document.body.scrollLeft;

for (i = 0; i < Amount; i++){

sy = Speed * Math.sin(270 * Math.PI / 180);

sx = Speed * Math.cos(Cstep * 4);

Ypos += sy;

Xpos += sx;

if (Ypos < -40) {

Ypos = Ymouse;

Xpos = Xmouse;

Speed = Math.random() * 6 + 4;

grow = 8;

nsSize = Math.random() * 15 + 5;

}

if (ns) {

document.layers['sn'+i].left = Xpos + wscrll;

document.layers['sn'+i].top = Ypos + hscrll;

}

else {

si.style.pixelLeft = Xpos + wscrll;

si.style.pixelTop = Ypos + hscrll;

si.style.width = grow;

si.style.height = grow;

}

grow += rate;

Cstep += Step;

if (grow > 24) grow = 25;

}

setTimeout('MouseBubbles()', 10);

}

MouseBubbles();

//  End -->

 

 <!-- ****************************************************** -->

erbemd54 01/2013



Edité par erbemd54 - 07 Jan 2013 à 22:38
Haut de la page
 Répondre Répondre
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 10.18
Copyright ©2001-2014 Web Wiz Ltd.

Cette page a été affichée en 0,031 secondes.
Acheter votre vélo en ligne