Installation de scripts (image, musique, chat, shootbox)

[PatMax..]

Passons à la partie principale du sujet.
LES SCRIPTS
Pour vous rendre compte de l'effet de ces scripts sur votre forum rendez-vous ICI

Vous allez voir les scripts avec différentes couleurs.
Les textes de couleur bleu, ne doivent pas être modifiés.
Les textes de couleur verte, devront être obligatoirement changés par vos adresses de sites, d'images, de musiques et par votre texte personnel.
Les textes de couleur orange, sont des parties sur lesquelles vous pouvez intervenir pour modifier l'apparence (tailles, couleurs, etc....)

RENVOI VERS SITE SANS IMAGE

<!-- début script lien -->
<a href="http://adresse du site" target="_bank">Cliquez ici</a>
<!-- fin script lien -->

Ce script permet de faire un renvoi vers un autre site en ouvrant une nouvelle page.
Ce script peut être placé:
TUTO PAGE D'ACCUEIL
TUTO DESCRIPTION SUJET
TUTO PORTAIL

RENVOI VERS SITE AVEC IMAGE

<!-- début script lien -->
<a href="http://adresse du site" target="_bank">
<img src="http://adresse de l'image" /></a>
<!-- fin script lien -->

Ce script permet, en cliquant sur l'image, de renvoyer vers un autre site en ouvrant une nouvelle page.
Ce script peut être placé:
TUTO PAGE D'ACCUEIL
TUTO DESCRIPTION SUJET
TUTO PORTAIL

RENVOI VERS MESSAGERIE

<!-- debut script messagerie -->
<a href=mailto:........@......fr target="_bank">TITRE DU LIEN</a>
<!-- fin script messagerie -->

Ce script permet, en cliquant sur le lien que vous placerez, de renvoyer vers la messagerie dans une autre fenêtre.
Ce script peut être placé:
TUTO PAGE D'ACCUEIL
TUTO DESCRIPTION SUJET
TUTO PORTAIL

TEXTE DEFILANT

<!-- début texte défilant -->
<marquee direction="left"scrollamount='4' style="width:150;heigth:100">VOTRE TEXTE</marquee>
<!-- fin texte défilant -->

Ce script permet de faire défiler votre texte de droite à gauche.
Remplacez "left" par "right" pour un défilement de gauche à droite
Remplacez "left" par "up" pour un défilement de bas en haut
Remplacez "left" par "down" pour un défilement de haut en bas.
Le '4' vous permet de régler la vitesse de défilement.
Ce script peut être placé:
TUTO PAGE D'ACCUEIL
TUTO DESCRIPTION SUJET
TUTO PORTAIL

TEXTE DEFILANT AVEC IMAGE

<!-- début script texte défilant -->
<marquee onmouseover="function anonymous()
{
this.stop()
}" onmouseout="function anonymous()
{
this.start()
}" scrollamount="2" scrolldelay="1">
<img src="http://url de l'image"/>
<size=8 /><b><font color="#0000ff">Votre texte<img src="http://url de l'image"/>
</font></b></size /></marquee></center>
<!-- fin script texte défilant -->

Ce script, tel qu'il est ci-dessus, permet de faire défiler un texte entre deux images. Le défilement s'arrête au passage de la souris.
Vous pouvez régler la vitesse, le délai, la grandeur du texte, la couleur, etc....
Ce script peut être placé:
PAGE D'ACCUEIL
TUTO DESCRIPTION SUJET
TUTO PORTAIL

TEXTE, DATE, et HEURE DEFILANT

<!--DEBUT SCRIPT DATE -->
<SCRIPT LANGUAGE="JavaScript">
Today = new Date;
Jour = Today.getDate();
Mois = (Today.getMonth()) + 1;
Annee = Today.getFullYear();
Message = " " + Jour + "/" + Mois + "/" + Annee + ". ";
</SCRIPT>
<!-- DEBUT SCRIPT HEURE -->
<SCRIPT LANGUAGE="JavaScript">
Today = new Date;
Heure = Today.getHours();
Min = Today.getMinutes();
Message2 = " " + Heure + "h" + Min + ".";
</SCRIPT>
<!-- DEBUT AFFICHAGE TEXTE, DATE, HEURE -->
<MARQUEE WIDTH="500" Height="40" SCROLLDELAY="100">
<FONT CLASS="ip">
<B><I><FONT SIZE="+2" COLOR="#00FFFF">Texte</B></I></FONT>
<B><I><FONT SIZE="0" COLOR="#00FFFF"> - Nous sommes le <SCRIPT LANGUAGE="JavaScript">document.write(Message);</SCRIPT>
Il est <SCRIPT LANGUAGE="JavaScript">document.write(Message2);</SCRIPT></FONT></B></I>
</FONT>
</MARQUEE>
<!-- FIN DE SCRIPT TEXTE, DATE, HEURE -->

Ce script peut être placé:
PAGE D'ACCUEIL
TUTO DESCRIPTION SUJET
TUTO PORTAIL

TEXTE DEFILANT BARRE D'ETAT

<!-- début texte barre état -->
<scripthtml />var mess = "Bienvenue ";;var i = 0;function defilmess() {window.status = mess.substring(i, mess.length) + mess.substring(0, i);i++;if (i &gt; mess.length) i = 0;window.setTimeout("defilmess()",200);}defilmess();</scripthtml />
<!-- fin texte barre état -->

Ce script peut être placé:
TUTO PAGE D'ACCUEIL
TUTO DESCRIPTION DU SUJET
TUTO PORTAIL

BANNIERE DEFILANTE

<!-- début bannière défilante -->
<marquee onmouseover="function anonymous()
{
this.stop()
}" onmouseout="function anonymous()
{
this.start()
}" scrolldelay="6">
<a href="http://adresse du site" target="_bank">
<img src="http://adresse de l'image"></a>
</marquee>
<!-- fin banniere défilante -->

Ce script permet de faire défiler une bannière avec renvoi vers un site, dans une nouvelle fenêtre, lorsque vous cliquez dessus.
Ce script peut être placé:
PAGE D'ACCUEIL
TUTO DESCRIPTION DU SUJET
TUTO PORTAIL

CHANGER LE CURSEUR

<!-- DEBUT CURSEUR -->
<style><!--BODY{ cursor:url("http://adresse de l'image"); }--></style>
<!-- FIN CURSEUR -->

Ce script permet de changer la flèche de votre curseur par l'image que vous voudrez.
Attention l'image doit être en format "ani" ou "cur".
Ce script doit être placé:
TUTO DESCRIPTION DU SITE
TUTO PAGE D'ACCUEIL
TUTO MODULE PORTAIL

MUSIQUE SANS LECTEUR (Attention aux droits d'auteurs)

<!-- DEBUT MUSIQUE -->
<embed src="http://adresse de votre musique" width="1" height="1" type="audio/midi" loop="true" autostart="true"></embed>
<!-- FIN MUSIQUE -->

Ce script permet d'avoir une musique à l'ouverture de la page.
Le visiteurs ne peux pas la contrôler.
Ce script doit être placé:
TUTO DESCRIPTION SITE

MUSIQUE AVEC LECTEUR (Attention aux droits d'auteurs)

<!-- DEBUT LECTEUR MUSIQUE -->
<div align="center">
<table id="table1" style="BORDER-COLLAPSE: collapse" bordercolor="#000000" height="180" cellpadding="5" width="310" border="0">
<tbody>
<tr><td bordercolor="#000000">
<table id="table2" cellspacing="0" cellpadding="0" width="100%" border="0">
<tbody>
<tr><td></td>
<td width="120">
<p align="center"> </p></td></tr></tbody></table>
<p align="center">
<embed name="MediaPlayer" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src=" adresse de musique" width="300" height="50" type="application/x-mplayer2" autostart="1" showstatusbar="1" volume="-1"></embed></embed /> </p></td></tr></tbody></table></div>
<!-- FIN LECTEUR MUSIQUE -->

Ce script permet d'avoir une musique et laisse la possiblité aux visiteurs de l'arrêter.
Ce script peut être placé:
TUTO PAGE D'ACCUEIL
TUTO DESCRIPTION SUJET
TUTO PORTAIL

VIDEO

<!-- DEBUT VIDEO -->
<p><center><embed src="http://adresse de votre vidéo?embed" width="320" height="240" type="video/quicktime " autoplay="true" controller="false"></embed></embed></center></p>
<!-- FIN VIDEO -->

Ce script peut être placé:
TUTO PAGE D'ACCUEIL
TUTO DESCRIPTION SUJET
TUTO PORTAIL

TCHAT
Allez ICI et créez votre tchat.
On vous donnera un script dans le style de celui ci-dessous.

<!-- DEBUT TCHAT -->
<iframe marginwidth="0" marginheight="0" src="http://www.wanascape.com/chat/affiliation_simple/?room=Votre Tchat&applet=v1" frameborder="0" width="237" scrolling="no" height="148" scrollbar="0"></iframe>

Ce script vous permettra d'avoir un tchat sur votre forum.
Ce script peut être placé
TUTO PAGE D'ACCUEIL
TUTO DESCRIPTION SUJET
TUTO PORTAIL

COMPTEUR
Allez ICI et créez votre compteur.
On vous donnera un script dans le style de celui ci-dessous.

<!-- DEBUT COMPTEUR -->
<script type="text/javascript" src="http://www.123compteur.com/compteurjour.php?votre_id=Votre identifiant"></script>
<!-- FIN COMPTEUR -->

Ce script vous permettra d'avoir un compteur sur votre forum.
TUTO PAGE D'ACCUEIL
DESCRIPTION DE FORUM
MODULE PORTAIL.

SHOOTBOX
Allez ICI et inscrivez vous. Une fois votre inscription et la configuration de votre Shootbox terminée.
On vous donnera un script dans le style de celui ci-dessous.

<!-- DEBUT SHOOTBOX -->
<scripthtml language="Javascript" src="http://www.webdiz.com/services/membres/shootbox/script/shootbox.php?id=Votre identifiant&largeur=160&hauteur=150" /></scripthtml />
<!-- FIN SHOOTBOX -->

Ce script vous permettra d'avoir une Shootbox sur votre forum.
TUTO PAGE D'ACCUEIL
MODULE PORTAIL.

RADIO
Il vous faut récuper le lien de la radio et la procédure est la même que pour un renvoi vers site avec image. (voir plus haut)

<!-- DEBUT RADIO-->
<a href=http://adresse de la radio target=_bank>
<img src=http://adresse du logo de la radio></a>
<!-- FIN RADIO -->

Ce script vous permettra d'avoir la radio directement depuis votre forum.
TUTO PAGE D'ACCUEIL
TUTO DESCRIPTION SUJET
MODULE PORTAIL.

ATTENTION: Certains de ces scripts devront être recopiés, si vous rééditez l'endroit ou ils ont été placés.

Je vous donne en plus quelques commandes HTML assez simple d'utilisation.
<br> ou <br /> Retour à la ligne
<p>: Début de paragraphe
</p>: Fin de paragraphe
<b>TEXTE GRAS</b>
<i>TEXTE ITALIQUE</i>
<u>TEXTE SOULIGNE</u>
<font size="TAILLE CARACTERES"></font>
<font face="POLICE CARACTERES"></font>
<font color="COULEUR CARACTERES"></font>

Il est possible d'utiliser plusieurs de ces commandes sur la même ligne.
Ex: <font size="2" color="005522"><b><i>TEXTE</i></b></font>Il faut simplement ne pas oublier de fermer les balises ouvertes.

[lolotueur]

L'installation des Scripts en images, sur ForumActif

Chaque étape de l'installation est détaillée dans ce tutoriel. Pratiquement chaque étape est imagée pour votre plus grande compréhension.


TUTO DESCRIPTION DU SITE


Cliquez sur le lien Panneau d'administration comme indiqué ci-dessus.
Ce lien se situe en bas de votre page du forum.

-----------------------------------------------------------------

Cliquez maintenant sur le lien configuration.

-----------------------------------------------------------------

Copiez votre script dans le cadre description du site.

-----------------------------------------------------------------

Et n'oubliez pas de valider en cliquant sur le bouton Enregistrer.


TUTO PAGE D'ACCUEIL


En insérant votre script dans le message d'accueil, vous obtiendrez l'effet dans le cadre ci-dessus, en haut de la page d'accueil du Forum.

-----------------------------------------------------------------

Cliquez sur le lien Panneau d'administration comme indiqué ci-dessus.
Ce lien se situe en bas de votre page du forum.

-----------------------------------------------------------------

Cliquez maintenant sur le lien page d'accueil.

-----------------------------------------------------------------

Cliquez ensuite sur l'icône AA qui permet de passer en HTML.

-----------------------------------------------------------------

Copiez ensuite votre script ce qui devrait vous donner quelque chose ressemblant à ça.


Pour mieux repérer chaque script, il est fortement conseillé de rajouter ces formules :

Au début du script :
<!-- DEBUT DU "nom du script" -->

A la fin du script :
<!-- FIN DU "nom du script" -->

Cela vous permettra par le suite de retrouver plus facilement un script pour le supprimer ou l'éditer. Vous gagnerez aussi un gain de temps considérable.

-----------------------------------------------------------------

Et n'oubliez pas de valider en cliquant sur le bouton Enregistrer.


TUTO DESCRIPTION DE FORUM


En insérant votre script dans la description du sujet, vous obtiendrez l'effet dans le sujet. (image ci-dessus)

-----------------------------------------------------------------

Cliquez sur le lien Panneau d'administration comme indiqué ci-dessus.
Ce lien se situe en bas de votre page du forum.

-----------------------------------------------------------------

Cliquez sur le lien Gestions dans Forums, vous obtenez un nouveau panneau.

-----------------------------------------------------------------

Cliquez ensuite sur le forum concerné.
Je vous conseille d'utiliser un forum, voir deux pour procéder à l'inscription des scripts.
(Pour que ces forums ne soient pas vus par les visiteurs, allez en bas du panneau suivant, mettre admin partout.)

-----------------------------------------------------------------

Cliquez ensuite sur l'icône AA qui permet de passer en HTML.

-----------------------------------------------------------------

Copiez ensuite votre script ce qui devrait vous donner quelque chose ressemblant à ça.


Pour mieux repérer chaque script, il est fortement conseillé de rajouter ces formules :

Au début du script :
<!-- DEBUT DU "nom du script" -->

A la fin du script :
<!-- FIN DU "nom du script" -->

Cela vous permettra par le suite de retrouver plus facilement un script pour le supprimer ou l'éditer. Vous gagnerez aussi un gain de temps considérable.

-----------------------------------------------------------------

Et n'oubliez pas de valider en cliquant sur le bouton Enregistrer.


TUTO MODULE PORTAIL

Cliquez sur le lien Panneau d'administration comme indiqué ci-dessus.
Ce lien se situe en bas de votre page du forum.

-----------------------------------------------------------------

Cliquez sur Structures du portail.

-----------------------------------------------------------------

Choisissez votre module et cliquez sur Editer.

-----------------------------------------------------------------

Cliquez ensuite sur l'icône AA qui permet de passer en HTML.

-----------------------------------------------------------------

Copiez ensuite votre script ce qui devrait vous donner quelque chose ressemblant à ça.


Pour mieux repérer chaque script, il est fortement conseillé de rajouter ces formules :

Au début du script :
<!-- DEBUT DU "nom du script" -->

A la fin du script :
<!-- FIN DU "nom du script" -->

Cela vous permettra par le suite de retrouver plus facilement un script pour le supprimer ou l'éditer. Vous gagnerez aussi un gain de temps considérable.

-----------------------------------------------------------------

Et n'oubliez pas de valider en cliquant sur le bouton Enregistrer.

-----------------------------------------------------------------

Création du tutorial par PatMax et mise à jour par Adripotpot et Lolotueur