Forum de support officiel

Forum d'entraide et support officiel des forums Forumprod.com


Heures au format UTC + 1 heure [ Heure d’été ]



Poster un nouveau sujet Répondre au sujet  [ 12 messages ] 
Auteur Message
Chef des aideurs
Chef des aideurs
Avatar de l’utilisateur

Inscription: Déc 2011
Messages: 1061
Points: 1293
Localisation: France
Sexe: Masculin
Posté: 07 Avr 2012, 01:27 

Une pluie d'images: "Fêtes de Pâques !! "

Comme vous le savez c'est demain Pâques ! cette fête ne dure qu'un court moment alors pourquoi privé nos forums de décorations ? :o
Ce petit tutoriel vous explique dans la 1ère partie comment ajouter des animations pour Pâques sur votre forum dans toutes les pages !
Dans la 2ème partie je vous explique comment changer les images de décorations,sympas non ^^ ?

Fêtes de Pâques:
3 images d'animations pour pâques:
(Scripts hébergés par Wadjh)

Image
Code:
<script type="text/javascript" src="http://yourjavascript.com/410274982/paques01.js"></script>

Image
Code:
<script type="text/javascript" src="http://yourjavascript.com/148425375/paques02.js"></script>

Image
Code:
<script type="text/javascript" src="http://yourjavascript.com/718498244/paques03.js"></script>


Où installer ces codes ?
:arrow: Panneau d'Administration :arrow: Configurations Générales :arrow: Configurations du forum :arrow: Ajouter un code dans l'en-tête du forum.
Et vous copiez le code que vous voulez ;)

Changement de l'image du script(Une pluie d'images):
Et oui ces scripts sont configurables du moins pour les images selon vos besoins,suivez ces étapes pas à pas pour pouvoir ne faire aucunes erreurs ^^

On va commencer par prendre le bloc-note de notre ordinateur et y ajouter ce code ci-dessous:
Code:
 //Configure below to change URL path to the snow image
  var snowsrc="<adress>"
  // Configure below to change number of snow to render
  var no = 10;
  // Configure whether snow should disappear after x seconds (0=never):
  var hidesnowtime = 0;
  // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
  var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

  var ie4up = (document.all) ? 1 : 0;
  var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

    function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }

  var dx, xp, yp;    // coordinate and position variables
  var am, stx, sty;  // amplitude and step variables
  var i, doc_width = 800, doc_height = 600; 
  
  if (ns6up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
  } else if (ie4up) {
    doc_width = iecompattest().clientWidth;
    doc_height = iecompattest().clientHeight;
  }

  dx = new Array();
  xp = new Array();
  yp = new Array();
  am = new Array();
  stx = new Array();
  sty = new Array();
  snowsrc=(snowsrc.indexOf("support.forumprod.com")!=-1)? "<adress>" : snowsrc
  for (i = 0; i < no; ++ i) {  
    dx[i] = 0;                        // set coordinate variables
    xp[i] = Math.random()*(doc_width-50);  // set position variables
    yp[i] = Math.random()*doc_height;
    am[i] = Math.random()*20;         // set amplitude variables
    stx[i] = 0.02 + Math.random()/10; // set step variables
    sty[i] = 0.7 + Math.random();     // set step variables
        if (ie4up||ns6up) {
      if (i == 0) {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://fdf.aidactif.fr\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
      } else {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
      }
    }
  }

  function snowIE_NS6() {  // IE and NS6 main animation function
    doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
        doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
    for (i = 0; i < no; ++ i) {  // iterate for every dot
      yp[i] += sty[i];
      if (yp[i] > doc_height-50) {
        xp[i] = Math.random()*(doc_width-am[i]-30);
        yp[i] = 0;
        stx[i] = 0.02 + Math.random()/10;
        sty[i] = 0.7 + Math.random();
      }
      dx[i] += stx[i];
      document.getElementById("dot"+i).style.top=yp[i]+"px";
      document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";  
    }
    snowtimer=setTimeout("snowIE_NS6()", 10);
  }

    function hidesnow(){
        if (window.snowtimer) clearTimeout(snowtimer)
        for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
    }
        

if (ie4up||ns6up){
    snowIE_NS6();
        if (hidesnowtime>0)
        setTimeout("hidesnow()", hidesnowtime*1000)
        } 

Vous pouvez appercevoir deux codes <adress>
1 tout en haut et le 2eme vers le milieu du script à côté de "support.forumprod.com"
Il va falloir supprimer ces deux codes (donc juste les <adress>) et y ajouter l'adrèsse de votre image
:arrow: Enregistrer-sous :arrow: Choisir comme nom de fichier en .js
Vous pouvez donc voir dans le dossier où vous avez enregistrer le code .js

Ce n'est pas encore terminer,il faut héberger notre script ! pour cela :arrow: http://yourjavascript.com
Choisissez le fichier .js et suretout mettre votre adrèsse e-mail car vous recevrez votre code par ce biais.
Une fois votre code reçu il faut l'ajouter comme dans l'exemple de Pâques,donc dans :
:arrow: Panneau d'Administration :arrow: Configuration Générales :arrow: Ajouter un code dans l'en-tête du forum

Le forum de support de ForumProd vous souhaites de bonnes fêtes de pâques ! :mrgreen:

ImageTutoriel rédigé pour le forum de support de ForumProd


Haut
  Profil 
 
Membre fidèle
Membre fidèle

Inscription: Avr 2012
Messages: 55
Points: -19
Sexe: Masculin
Posté: 07 Avr 2012, 10:10 

Merci Wadjh pour ce tuto!! ;)


Haut
  Profil 
 
Chef des aideurs
Chef des aideurs
Avatar de l’utilisateur

Inscription: Déc 2011
Messages: 1061
Points: 1293
Localisation: France
Sexe: Masculin
Posté: 07 Avr 2012, 14:40 

Bonjour, toujours un plaisir!! :D bonnes paques ;)


Haut
  Profil 
 
Membre fidèle
Membre fidèle

Inscription: Avr 2012
Messages: 55
Points: -19
Sexe: Masculin
Posté: 07 Avr 2012, 15:27 

Merci,à vous de même mais ce n'est que demain! ;)


Haut
  Profil 
 
Modérateur
Modérateur
Avatar de l’utilisateur

Inscription: Jan 2012
Messages: 1960
Points: 4968
Localisation: France
Sexe: Masculin
Age: 17
Forum: http://support.forumprod.com/
Posté: 07 Avr 2012, 16:17 

Bonjour
Vaux mieux le faire en avance qu'en retard.
;)

Cordialement

_________________
Cordialement,
Alexandre - Modérateur du forum de support.

Merci de lire les règles du forum
Merci de faire une recherche avant de poster
- Bien demander du support
Pas de support par MP, merci.


Haut
  Profil Site Internet 
 
Membre fidèle
Membre fidèle

Inscription: Avr 2012
Messages: 55
Points: -19
Sexe: Masculin
Posté: 07 Avr 2012, 16:21 

C'est exacte!!
et aussi comme on dit : plutôt plusieurs fois que pas du tout!! ;)


Haut
  Profil 
 
Membre super
Membre super

Inscription: Déc 2010
Messages: 1779
Points: 295
Localisation: Larochelle/Lagord
Sexe: Masculin
Age: 53
Forum: http://pub-forum.forumprod.com
Posté: 08 Avr 2012, 14:53 

Merci Wadjh


Haut
  Profil Site Internet 
 
Chef des aideurs
Chef des aideurs
Avatar de l’utilisateur

Inscription: Déc 2011
Messages: 1061
Points: 1293
Localisation: France
Sexe: Masculin
Posté: 08 Avr 2012, 17:52 

Bonsoir,

Avec plaisir de rien cher Skiptonick


Haut
  Profil 
 
Membre super
Membre super
Avatar de l’utilisateur

Inscription: Jan 2012
Messages: 701
Points: 1181
Localisation: Côtes d'Armor
Sexe: Masculin
Age: 34
Forum: http://ob-canine.forumprod.com/forum.php
Posté: 08 Avr 2012, 17:57 

Merci pour ces belles décorations

_________________
Un homme qui aime les zanimaux est forcément un homme bien.


Haut
  Profil 
 
Chef des aideurs
Chef des aideurs
Avatar de l’utilisateur

Inscription: Déc 2011
Messages: 1061
Points: 1293
Localisation: France
Sexe: Masculin
Posté: 08 Avr 2012, 18:19 

Bonsoir, je vous en prie pour les decos j'ai juste retravailler le code de a a z et héberger les codes :-)
Bon courage et merci des messages :D


Haut
  Profil 
 
Membre reconnu
Membre reconnu

Inscription: Jan 2013
Messages: 7
Points: 30
Localisation: Nord
Sexe: Féminin
Age: 39
Posté: 17 Mar 2013, 13:37 

Tout d'abord merci pour le tuto,
par contre j'ai une question, je sais pas si je peux la poser ici mais pourquoi ne pas mettre les images qui décorent les forums dans les créations graphiques ? (cela concerne tes proposition pour pâques, la neige, la Saint Valentin ou tout autre thèmes en fonction des fêtes que vous avez déjà créé sur ce forum support)

_________________
http://lachtitefourmi.forumprod.com/
La fourmi n'est pas prêteuse, mais n'est pas avare en conseils & astuces


Haut
  Profil Site Internet 
 
Nouveau membre
Nouveau membre

Inscription: Mar 2013
Messages: 2
Points: 13
Sexe: Masculin
Posté: 26 Mar 2013, 14:14 

Bonne idée :thumbup:

tout serai réunie au meme endroit


Haut
  Profil 
 

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

Modérateur:

Aideurs

Permissions de ce forum:

Vous ne pouvez pas poster de nouveaux sujets
Vous ne pouvez pas répondre aux sujets
Vous ne pouvez pas éditer vos messages
Vous ne pouvez pas supprimer vos messages
Vous ne pouvez pas joindre des fichiers
Poster un nouveau sujet Répondre au sujet  [ 12 messages ] 


cron
Créer un forum | © phpBB | Entraide & support | Forum gratuit