It is currently Thu 29 Sep 2016 - 17:15 - créer un forum

[Tuto] Une pluie d'image sur votre forum

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 3 … , 47, 48, 49  >

[Tuto] Une pluie d'image sur votre forum
Author Message
hades


Joined: 21 May 2010
Posts: 7

PostPosted: Tue 13 Dec 2011 - 15:51    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

PublicitéSupprimer les publicités ?
Previous post review:

ah si j'ai 1 flocon dans le coin en haut à gauche  Very Happy
et rien d'autre
Forum
Author Message
hades
Membre


Offline
Membre

Joined: 21 May 2010
Posts: 7
Point(s): 7
Moyenne: 1.00
Linux Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Gémeaux (21mai-20juin) 猪 Cochon

PostPosted: Tue 13 Dec 2011 - 15:54    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

bon je l'ai mis aussi carrément à la fin de la template
et rien toujours que ce simple flocon en haut à gauche


Forum
Author Message
hades
Membre


Offline
Membre

Joined: 21 May 2010
Posts: 7
Point(s): 7
Moyenne: 1.00
Linux Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Gémeaux (21mai-20juin) 猪 Cochon

PostPosted: Tue 13 Dec 2011 - 17:20    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

lali wrote:

Bein oui sans probléme
Je n'osais pas le faire


Code: Sélectionner - Agrandir

<script>//Snow - http://www.btinternet.com/~kurt.grigg/javascript

if  ((document.getElementById) && 
window.addEventListener || window.attachEvent){

(function(){

//Configure here.

var num = 30;   //Nombre d'images
var timer = 400; //Vitesse de descente
var enableinNS6 = 1 //La vitesse varie selon les navigateurs. (1=yes, 0=no).
//Adresse des gifs ci-dessous
var url_gif = new Array();

url_gif[0]= "URL de l'image"; 
url_gif[1]= "URL de l'image";
 
nb_floc = 3; // Nombre de d'images différentes

//End.

var y = [];
var x = [];
var fall = [];
var theFlakes = [];
var sfs = [];
var step = [];
var currStep = [];
var h,w,r;
var d = document;
var pix = "px";
var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var idx = d.getElementsByTagName('div').length;

if (d.documentElement.style && 
typeof d.documentElement.style.MozOpacity == "string")
num = 12;

for (i = 0; i < num; i++){
sfs[i] = 15; // Math.round(1 + Math.random() * 1);

document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:"><img src="'+url_gif[i%(nb_floc-1)]+'"><\/div>');


// '+sfs[i]+'px;height:'+sfs[i]+'px;background-color:#ffffff;font-size:'+sfs[i]+'px;border:1px solid #dddddd;

currStep[i] = 0;
fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
}


if (domWw) r = window;
else{ 
  if (d.documentElement && 
  typeof d.documentElement.clientWidth == "number" && 
  d.documentElement.clientWidth != 0)
  r = d.documentElement;
 else{ 
  if (d.body && 
  typeof d.body.clientWidth == "number")
  r = d.body;
 }
}


function winsize(){
var oh,sy,ow,sx,rh,rw;
if (domWw){
  if (d.documentElement && d.defaultView && 
  typeof d.defaultView.scrollMaxY == "number"){
  oh = d.documentElement.offsetHeight;
  sy = d.defaultView.scrollMaxY;
  ow = d.documentElement.offsetWidth*0.80;
  sx = d.defaultView.scrollMaxX;
  rh = oh-sy;
  rw = ow-sx;
 }
 else{
  rh = r.innerHeight;
  rw = r.innerWidth*0.80;
 }
h = rh - 2;  
w = rw - 2; 
}
else{
h = r.clientHeight - 2; 
w = r.clientWidth*0.80; 
}
}


function scrl(yx){
var y,x;
if (domSy){
 y = r.pageYOffset;
 x = r.pageXOffset;
 }
else{
 y = r.scrollTop;
 x = r.scrollLeft;
 }
return (yx == 0)?y:x;
}


function snow(){
var dy,dx;

for (i = 0; i < num; i++){
 dy = fall[i];
 dx = fall[i] * Math.cos(currStep[i]);

 y[i]+=dy;
 x[i]+=dx; 

 if (x[i] >= w || y[i] >= h){
  y[i] = -10;
  x[i] = Math.round(Math.random() * w);
  fall[i] = (sfs[i] == 1)?
  Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
  step[i] = (sfs[i] == 1)?
  0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
 }
 
 theFlakes[i].top = y[i] + scrl(0) + pix;
 theFlakes[i].left = x[i] + scrl(1) + pix;

 currStep[i]+=step[i];
}
setTimeout(snow,timer);
}


function init(){
winsize();
for (i = 0; i < num; i++){
 theFlakes[i] = document.getElementById("flake"+(idx+i)).style;
 y[i] = Math.round(Math.random()*h);
 x[i] = Math.round(Math.random()*w);
}
snow();
}


if (window.addEventListener){
 window.addEventListener("resize",winsize,false);
 window.addEventListener("load",init,false);
}  
else if (window.attachEvent){
 window.attachEvent("onresize",winsize);
 window.attachEvent("onload",init);


})();
}//End.</script> 



Bon j'ai trouvé ce code là
qui marche

par contre j'arrive pas à accélérer la chute !
ça tombe tout doucement

j'ai beau jouer avec ces valeurs
Code: Sélectionner - Agrandir
var num = 30;   //Nombre d'images
var timer = 400; //Vitesse de descente

ça ne change rien


Forum
Author Message
Vincoiff'


Offline
Guest




PostPosted: Sat 17 Dec 2011 - 23:30    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

De même rien à faire aucun flocon ne tombe sur mon forum, j'ai le thème Saphic 1.5

Author Message
alcaline001


Offline
Guest




PostPosted: Tue 20 Dec 2011 - 23:42    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

bonjour,

j'aurais voulu utiliser ce script sur mon forum:
nougasplou wrote:

bonjour,

sinon pour un effet "neige" il existe un script expliqué sur cette page :

http://www.schillmania.com/projects/snowstorm/

c'est assez sympa mais par contre il vous faudra stocker des images quelque part et impossible d'utiliser xooimage. Après rien n'empèche d'aller voir plus loin dans le script pour le changer je pense...

voilà ce que ça donne sur mon site :

http://wow.ryuuketsu.xooit.fr


mais je n'y arrive pas Sad
quelqu'un saurait me dire en français (parce que le site nommé est en anglais) comment procéder exactement ???

voici mon overall header :

 
Code: Sélectionner - Agrandir
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">


    <link rel="shortcut icon" href="http://img69.xooimage.com/files/2/6/e/tux-gre5nade-mauve-2e103e6.png">


<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="http://img69.xooimage.com/files/2/6/e/tux-gre5nade-mauve-2e103e6.png" -->
<style type="text/css">
<!--
/*
  onyx Theme for phpBB version 2+
  Created by larme d'ange
  http://lda-creation.conceptbb.com

  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
 
  background-image: url(http://img9.xooimage.com/files/0/d/9/mad-wallpaper-redim-1600x800-2e0d66b.png);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-color: {T_BODY_BGCOLOR};
  scrollbar-face-color: #000000;
  scrollbar-highlight-color: #444444;
  scrollbar-shadow-color: #000000;
  scrollbar-arrow-color:  #444444;
  scrollbar-3dlight-color: #333333;
  scrollbar-track-color: #000000;
  scrollbar-darkshadow-color: #222222;
}

/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover    { text-decoration: none; color : {T_BODY_HLINK}; }
hr  { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline  { background-color: ""; border: 0px {T_TH_COLOR1} solid; }

/* This is the outline round the main forum tables */
.forumline  { background-color: {T_TH_COLOR1}; border: 2px {T_TH_COLOR2} solid; }

/* Main table cell colours and backgrounds */
td.row1  { background-color: {T_TR_COLOR1}; }
td.row2  { background-color: {T_TR_COLOR2}; }
td.row3  { background-color: {T_TR_COLOR3}; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
    background-color: {T_TD_COLOR2};
    background-image: url(http://img4.xooimage.com/files/e/8/9/barresssss-1bec3b9.jpg);
    background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th  {
  color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
  background-color: {T_BODY_LINK}; height: 25px;
  background-image: url(http://img10.xooimage.com/files/b/0/7/barresssss-1bec3c9.jpg);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
      background-image: url(http://img8.xooimage.com/files/f/e/0/barresssss-1bec3c5.jpg);
      background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
  height: 29px;
  border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
  font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 25px;
}
td.row3Right,td.spaceRow {
  background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow   { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right   { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft    { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop   { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle  {
  font-weight: bold; font-size: 18px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
  text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover  { color: {T_BODY_HLINK}; text-decoration: none; }

/* The register, login, search etc links at the top of the page */
.mainmenu    { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu    { text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: none; color : {T_BODY_HLINK}; }

/* Forum category titles */
.cattitle    { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle    { text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: none; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink    { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink   { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: none; color : {T_BODY_HLINK}; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav      { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav      { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover    { text-decoration: none; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2  { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover  { text-decoration: none; color : {T_BODY_HLINK}; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name      { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}

/* Location, number of posts, post date etc */
.postdetails    { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }

/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link  { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: none; color : {T_BODY_HLINK}}

/* Quote & Code blocks */
.code {
  font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
  background-color: {T_TD_COLOR1}; border: {T_TH_COLOR1}; border-style: solid;
  border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
  font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
  background-color: {T_TD_COLOR1}; border: {T_TH_COLOR1}; border-style: solid;
  border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright    { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright    { color: {T_FONTCOLOR3}; text-decoration: none;}
a.copyright:hover { color: {T_FONTCOLOR2}; text-decoration: none;}

/* Form elements */
input,textarea, select {
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
  color : {T_FONTCOLOR3};
  font: normal {T_FONTSIZE2}px {T_FONTFACE1};
  border-color : {T_FONTCOLOR1};
}

/* The text input fields background colour */
input.post, textarea.post, select {
  background-color : {T_TH_COLOR3};
}

input { text-indent : 2px;
      background-color : {T_TD_COLOR1}; }

/* The buttons used for bbCode styling in message post */
input.button {
  background-color : {T_TR_COLOR2};
  color : {T_BODY_TEXT};
  font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

/* The main submit button option */
input.mainoption {
  background-color : {T_TD_COLOR1};
  font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
  background-color : {T_TD_COLOR1};
  font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img10.xooimage.com/files/f/o/formie-30d7c.css");
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
  if ( {PRIVATE_MESSAGE_NEW_FLAG} )
  {
    window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
  }
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
 
 
 
 
 
 
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<a name="top"></a>

<table width="80%" cellspacing="0" cellpadding="10" border="0" align="center">
  <tr>
    <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
      <tr>
        <td align="center" width="100%" valign="middle"><a href="{U_INDEX}"><img src="http://img7.xooimage.com/files/9/2/a/mad-bannmauve-2e1ee65.png" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
        </tr><tr>
        <td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
        <table cellspacing="0" cellpadding="2" border="0">
          <tr>
            <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
            <!-- BEGIN switch_user_logged_in -->
                             <a href="{U_INDEX}" class="mainmenu"><img src="http://img9.xooimage.com/files/d/1/c/forumnet-2e1a9c3.png" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img7.xooimage.com/files/6/0/e/faq-2e1a9f7.png" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img7.xooimage.com/files/1/2/9/recherche-2e1ec07.png" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img7.xooimage.com/files/6/a/8/membres-2e1ec3b.png" border="0" alt="{L_MEMBERLIST}" hspace="0" /></a><a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img9.xooimage.com/files/8/a/9/groupes-2e1ebc8.png" border="0" alt="{L_USERGROUPS}" hspace="0" /></a><a href="{U_PROFILE}" class="mainmenu"><img src="http://img7.xooimage.com/files/b/7/b/profil-2e1ec5e.png" border="0" alt="{L_PROFILE}" hspace="0" /></a><a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="{PRIVMSG_IMG}" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img7.xooimage.com/files/b/8/7/sortie-2e1ed20.png" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a>
            <!-- END switch_user_logged_in -->
            <!-- BEGIN switch_user_logged_out -->
                 <a href="{U_INDEX}" class="mainmenu"><img src="http://img9.xooimage.com/files/d/1/c/forumnet-2e1a9c3.png" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img7.xooimage.com/files/6/0/e/faq-2e1a9f7.png" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img7.xooimage.com/files/1/2/9/recherche-2e1ec07.png" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_REGISTER}" class="mainmenu"><img src="http://img9.xooimage.com/files/d/2/b/sinscrire-2e1ed16.png" border="0" alt="{L_REGISTER}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img9.xooimage.com/files/e/2/5/entr-e-2e1ed23.png" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a>
            <!-- END switch_user_logged_out -->
            </span></td>
          </tr>
        </table></td>
      </tr>
    </table>

    <br />


Author Message
bidouille33
Membre


Offline
Membre

Joined: 11 Aug 2010
Posts: 117
Point(s): 117
Moyenne: 1.00
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Poissons (20fev-20mar) 龍 Dragon

PostPosted: Wed 21 Dec 2011 - 05:25    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

bonjour.
alcaline001 wrote:

bonjour,

j'aurais voulu utiliser ce script sur mon forum:
nougasplou wrote:


bonjour,

sinon pour un effet "neige" il existe un script expliqué sur cette page :

http://www.schillmania.com/projects/snowstorm/

c'est assez sympa mais par contre il vous faudra stocker des images quelque part et impossible d'utiliser xooimage. Après rien n'empèche d'aller voir plus loin dans le script pour le changer je pense...

voilà ce que ça donne sur mon site :

http://wow.ryuuketsu.xooit.fr



mais je n'y arrive pas Sad
quelqu'un saurait me dire en français (parce que le site nommé est en anglais) comment procéder exactement ???


pour avoir cet effet, la réponse est là.
http://xooit.xooit.com/t67233-Script-Neige-Scott-Schiller.htm
cordialement.


Forum
Author Message
Mriik
Membre


Offline
Membre

Joined: 17 Dec 2011
Posts: 1
Niveau:
Point(s): 1
Moyenne: 1.00
Internet Explorer

PostPosted: Wed 21 Dec 2011 - 20:21    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

J'ai tester la 1ere Façon j'ai réussi mais je veut mettre cette image :



Est-ce possible ?


Forum
Author Message
Couette
Membre


Offline
Membre

Joined: 20 May 2011
Posts: 57
Niveau:
Point(s): 58
Moyenne: 1.02
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Féminin Vierge (24aoû-22sep)

PostPosted: Thu 22 Dec 2011 - 19:21    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

J'ai mis en place les flocons sans problème Smile
_______________________
Forum jeunes de retour..

Merci d'éviter les demandes d'aide par Mp, je fais ce que je peux pour répondre aux topics rapidement Smile


Forum
Author Message
Machin206


Offline
Guest




PostPosted: Mon 2 Jan 2012 - 19:06    Post subject: Re: [Tuto] Une pluie d'image sur votre forum Reply with quote

Yskander wrote:

   
 














Informations sur le tutoriel
Nom
Une pluie d'image sur votre forum

Auteurs
Lali, Cyberpunk, Sploutch, Jenifer13 et Yskander

Autre

Liste de mes tutos sur Xooit.com
Mise à jour

28 Octobre 2009

Difficulté



Versions
Version 1 - V2.0 (Mise à jour du tuto de Kate)
Version 2 - V1.0 de Lali (Pluie d'image sur tout le forum)
Version 3 - V1.0 de Cyberpunk (Pluie d'image sur tout le forum)

Sources

Version 1 - Créé par Altan (http://www.altan.hr/snow/index.html)
Version 2 - Non retrouvé
Version 3 - http://www.dynamicdrive.com/dynamicindex3/leaves.htm

Description
Ce tuto vous permet de faire tomber des images sur une partie de votre forum pour la version 1 et sur l'intégralité pour la version 2 (Sympa pour un évènement particulier de l'année). La version 3 est plus simple à mettre en oeuvre et il n'y a aucun soucis détecté avec cette dernière.

Exemple

 http://tutos.initinere.fr/Tuto-pluie.php

Défaut

Une incompatibilité entre les vidéo youtube (ou un élément flash) a été trouvée avec le script n°3... merci de rapporter tout autre dysfonctionnement.

Difficulté
  • Compréhension : aucune en particulier, juste savoir faire un copier/coller


Testé sur
  • Navigateurs
    • Firefox toutes versions

[*] Internet Explorer 7 et +[*]Opéra[*]Google Chrome[*]Kméléon[*]Safari



Il est conseillé d'effectuer une sauvegarde avant de réaliser ce tutoriel. Pour cela, cliquez sur le champs de texte et appuyez sur Ctrl+A et Ctrl+C. Ouvrez votre éditeur de texte préféré et faites Ctrl+V.
 

Installation de la version 1
                           
 
Dans votre panneau d'administration >> thème >> modifier les templates >> overall header.tpl et copier ce code au tout début (pas à la fin ni au milieu mais bien au début du template) :
Code: Sélectionner - Agrandir

<html> 
<body> 
<head> 
<!-- DEBUT DU SCRIPT --><SCRIPT language=JavaScript> 
/* 
Snow Effect Script 
Created and submitted by Altan d.o.o. (snow@altan.hr,  http://www.altan.hr/snow/index.html) 
 
EDITE SUR L'EDITEUR JAVASCRIPT 
*/ 
 
  var snowsrc="URL DE L'IMAGE" 
  var no = 50; 
  var ns4up = (document.layers) ? 1 : 0; 
  var ie4up = (document.all) ? 1 : 0; 
  var nn6up = (document.getElementById) ? 1 : 0; 
  var dx, xp, yp; 
  var am, stx, sty; 
  var i, doc_width = 800, doc_height = 600; 
 
 if (ns4up) { 
    doc_width = self.innerWidth; 
    doc_height = self.innerHeight; 
  } else if (ie4up) { 
    doc_width = document.body.clientWidth; 
    doc_height = document.body.clientHeight; 
} else if (nn6up) { 
    doc_width = self.innerWidth; 
    doc_height = self.innerHeight; 

 
  dx = new Array(); 
  xp = new Array(); 
  yp = new Array(); 
  am = new Array(); 
  stx = new Array(); 
  sty = new Array(); 
 
  for (i = 0; i < no; ++ i) { 
    dx[i] = 0; 
    xp[i] = Math.random()*(doc_width-50); 
    yp[i] = Math.random()*doc_height; 
    am[i] = Math.random()*20; 
    stx[i] = 0.02 + Math.random()/10; 
    sty[i] = 0.7 + Math.random(); 
    if (ns4up) { 
      if (i == 0) { 
 document.write("<layer name=dot"+ i +" left=15 top=15 visibility=show><img src='"+snowsrc+"' border=0></layer>"); 
      } else { 
 document.write("<layer name=dot"+ i +" left=15 top=15 visibility=show><img src='"+snowsrc+"' border=0></layer>"); 
      } 
    } else if (ie4up || nn6up) { 
 if (i == 0) { document.write("<div id=dot"+ i +" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=0></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 snowNS() { 
    for (i = 0; i < no; ++ i) { 
      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(); 
        doc_width = self.innerWidth; 
        doc_height = self.innerHeight; 
      } 
      dx[i] += stx[i]; 
      document.layers["dot"+i].top = yp[i]; 
      document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); 
    } 
    setTimeout("snowNS()", 10); 
  } 
 
  function snowIE() { 
    for (i = 0; i < no; ++ i) { 
      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(); 
        doc_width = document.body.clientWidth; 
        doc_height = document.body.clientHeight; 
      } 
      dx[i] += stx[i]; 
      document.all["dot"+i].style.pixelTop = yp[i]; 
      document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); 
    } 
    setTimeout("snowIE()", 10); 
  } 
 
function snowNN6() { 
    for (i = 0; i < no; ++ i) { 
      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(); 
        doc_width = self.innerWidth; 
        doc_height = self.innerHeight; 
      } 
      dx[i] += stx[i]; 
      document.getElementById("dot"+i).style.top = yp[i]; 
      document.getElementById("dot"+i).style.left = xp[i] + am[i]*Math.sin(dx[i]); 
    } 
    setTimeout("snowNN6()", 10); 
  } 
  if (ns4up) { 
    snowNS(); 
  } else if (ie4up) { 
 snowIE(); 
  } else if (nn6up) { 
 snowNN6(); 
  } 
 
</SCRIPT> 
</head> 
</body> 
</html> 
<!-- FIN DU SCRIPT -->






Ce que vous devez modifier
      
 
                        
 
Dans ce code, remplacez URL DE VOTRE IMAGE par... l'url de votre image. Ci-dessous une liste d'image pour vos forum :
- Citrouille : http://img.xooimage.com/files9/e/9/9/1224811137_1859-71708-77105c.png
- Neige : http://img.xooimage.com/files1/c/9/a/snow-5a72.gif
- Étoile : http://img.xooimage.com/files10/3/f/9/star-fb20b.gif
- Cœur : http://img.xooimage.com/files40/8/6/8/868a4c89826e2a18e...000178aed-7ceb75.png
- Feuille : http://img.xooimage.com/files44/8/a/c/8ac9a1a357f7c9b81...ec3d46764-7ceb81.…
- Étoile blanche (Jenifer13) : http://img.xooimage.com/files9/f/0/4/puce0pa-57b76.gif
- Flocon de petite taille 1 (Lali) : http://pmsc.free.fr/I/081123171920.gif
- Flocon de petite taille 2 (Lali) : http://pmsc.free.fr/I/081123172847.gif
- Flocon de petite taille 3 (Lali) : http://pmsc.free.fr/I/081123173111.gif
- Flocon 1 (Sploutch) : http://img.xooimage.com/files41/f/4/b/neige2-8ce2c7.gif
- Flocon 2 (Sploutch) : http://img.xooimage.com/files42/3/f/8/neige-8ce273.gif
- Flocon 3 (Sploutch) : http://img.xooimage.com/files40/9/d/d/neige3-8ce2d0.gif


Ce que vous pouvez modifier dans la version 1
      
 
                            
- Augmenter le nombre d'images qui tombent : var no = 10 >> remplacez 10 par votre nombre (sur l'exemple donné, le chiffre est 100)




Installation de la version 2


Cette version vous permet de faire tomber des images sur l'intégralité de la page. Autre avantage, vous pouvez faire tomber plusieurs images différentes. Copiez ce code là où vous désirez votre pluie d'image :
- Dans un module : pour placer sur le portail
- Overall header.tpl ou overall footer.tpl : Pour l'avoir sur toute les pages
- Index body.tpl : Pour l'avoir sur la page de l'index des forums
Et n'oubliez pas de remplacer URL de l'image par l'Url de votre image.
               
 
                 
Code: Sélectionner - Agrandir
<script>//Snow - http://www.btinternet.com/~kurt.grigg/javascript 
 
if  ((document.getElementById) &&  
window.addEventListener || window.attachEvent){ 
 
(function(){ 
 
//Configure here. 
 
var num = 30;   //Nombre d'images 
var timer = 400; //Vitesse de descente 
var enableinNS6 = 1 //La vitesse varie selon les navigateurs. (1=yes, 0=no). 
//Adresse des gifs ci-dessous 
var url_gif = new Array(); 
 
url_gif[0]= "URL de l'image";  
url_gif[1]= "URL de l'image"; 
  
nb_floc = 3; // Nombre de d'images différentes 
 
//End. 
 
var y = []; 
var x = []; 
var fall = []; 
var theFlakes = []; 
var sfs = []; 
var step = []; 
var currStep = []; 
var h,w,r; 
var d = document; 
var pix = "px"; 
var domWw = (typeof window.innerWidth == "number"); 
var domSy = (typeof window.pageYOffset == "number"); 
var idx = d.getElementsByTagName('div').length; 
 
if (d.documentElement.style &&  
typeof d.documentElement.style.MozOpacity == "string") 
num = 12; 
 
for (i = 0; i < num; i++){ 
sfs[i] = 15; // Math.round(1 + Math.random() * 1); 
 
document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:"><img src="'+url_gif[i%(nb_floc-1)]+'"><\/div>'); 
 
 
// '+sfs[i]+'px;height:'+sfs[i]+'px;background-color:#ffffff;font-size:'+sfs[i]+'px;border:1px solid #dddddd; 
 
currStep[i] = 0; 
fall[i] = (sfs[i] == 1)? 
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2); 
step[i] = (sfs[i] == 1)? 
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ; 

 
 
if (domWw) r = window; 
else{  
  if (d.documentElement &&  
  typeof d.documentElement.clientWidth == "number" &&  
  d.documentElement.clientWidth != 0) 
  r = d.documentElement; 
 else{  
  if (d.body &&  
  typeof d.body.clientWidth == "number") 
  r = d.body; 
 } 

 
 
function winsize(){ 
var oh,sy,ow,sx,rh,rw; 
if (domWw){ 
  if (d.documentElement && d.defaultView &&  
  typeof d.defaultView.scrollMaxY == "number"){ 
  oh = d.documentElement.offsetHeight; 
  sy = d.defaultView.scrollMaxY; 
  ow = d.documentElement.offsetWidth*0.80; 
  sx = d.defaultView.scrollMaxX; 
  rh = oh-sy; 
  rw = ow-sx; 
 } 
 else{ 
  rh = r.innerHeight; 
  rw = r.innerWidth*0.80; 
 } 
h = rh - 2;   
w = rw - 2;  

else{ 
h = r.clientHeight - 2;  
w = r.clientWidth*0.80;  


 
 
function scrl(yx){ 
var y,x; 
if (domSy){ 
 y = r.pageYOffset; 
 x = r.pageXOffset; 
 } 
else{ 
 y = r.scrollTop; 
 x = r.scrollLeft; 
 } 
return (yx == 0)?y:x; 

 
 
function snow(){ 
var dy,dx; 
 
for (i = 0; i < num; i++){ 
 dy = fall[i]; 
 dx = fall[i] * Math.cos(currStep[i]); 
 
 y[i]+=dy; 
 x[i]+=dx;  
 
 if (x[i] >= w || y[i] >= h){ 
  y[i] = -10; 
  x[i] = Math.round(Math.random() * w); 
  fall[i] = (sfs[i] == 1)? 
  Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2); 
  step[i] = (sfs[i] == 1)? 
  0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ; 
 } 
  
 theFlakes[i].top = y[i] + scrl(0) + pix; 
 theFlakes[i].left = x[i] + scrl(1) + pix; 
 
 currStep[i]+=step[i]; 

setTimeout(snow,timer); 

 
 
function init(){ 
winsize(); 
for (i = 0; i < num; i++){ 
 theFlakes[i] = document.getElementById("flake"+(idx+i)).style; 
 y[i] = Math.round(Math.random()*h); 
 x[i] = Math.round(Math.random()*w); 

snow(); 

 
 
if (window.addEventListener){ 
 window.addEventListener("resize",winsize,false); 
 window.addEventListener("load",init,false); 
}   
else if (window.attachEvent){ 
 window.attachEvent("onresize",winsize); 
 window.attachEvent("onload",init); 
}  
 
})(); 
}//End.</script>  



Ce que vous pouvez modifier dans la version 2
      
 
                 
var num = 30;   //Nombre d'images : changez le chiffre pour le nombre d'imagevar timer = 400; //Vitesse de descente : changez le chiffre pour la vitesse

Pour rajouter plusieurs images c'est simple, suivez ce schéma :

url_gif[0]= "URL de l'image";
url_gif[[color=#0099ff]1[/color]]= "URL de l'image";
url_gif[[color=#0099ff]2[/color]]= "URL de l'image";
url_gif[[color=#0099ff]3[/color]]= "URL de l'image";

... et ainsi de suite. N'oubliez pas non plus de modifier la ligne suivante pour y notifier le nombre d'image que vous avez mis :
  
nb_floc = #; // Nombre de d'images différentes : Remplacez le # par votre nombre d'images





Installation de la version 3
             
 

Cette version vous permet de faire tomber des images sur l'intégralité de la page (Sans problème). Autre avantage, vous pouvez faire tomber plusieurs images différentes. Copiez ce code dans votre overall_header.tpl après la balise body :

Code: Sélectionner - Agrandir
<script language="JavaScript1.2"> 
 
//Autumn leaves- by Kurt Grigg (kurt.grigg@virgin.net) 
//Adapté et modifié par grenadine.net 
//Visiter le site original http://www.dynamicdrive.com pour le script Automn leaves 
 
//Série d'images 
grphcs=new Array(6) 
Image0=new Image(); 
Image0.src=grphcs[0]="http://img4.xooimage.com/files/1/9/f/flocon_neige1-ac484.gif"; 
Image1=new Image(); 
Image1.src=grphcs[1]="http://img46.xooimage.com/files/9/7/c/flocon_neige2-85007b.gif" 
Image2=new Image(); 
Image2.src=grphcs[2]="http://img44.xooimage.com/files/4/3/2/flocon_neige3-85009c.gif" 
Image3=new Image(); 
Image3.src=grphcs[3]="http://img41.xooimage.com/files/1/0/9/flocon_neige4-850151.gif" 
Image4=new Image(); 
Image4.src=grphcs[4]="http://img45.xooimage.com/files/d/c/c/flocon_neige5-85016c.gif" 
Image5=new Image(); 
Image5.src=grphcs[5]="http://img46.xooimage.com/files/f/1/4/flocon_neige6-850179.gif"  
 
Amount=12; //Nombre d'images - le plus "légers" sont les gifs, le plus d'images on peu se permettre 
Ypos=new Array(); 
Xpos=new Array(); 
Speed=new Array(); 
Step=new Array(); 
Cstep=new Array(); 
ns=(document.layers)?1:0; 
ns6=(document.getElementById&&!document.all)?1:0; 
 
if (ns){ 
for (i = 0; i < Amount; i++){ 
var P=Math.floor(Math.random()*grphcs.length); 
rndPic=grphcs[P]; 
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>"); 


else{ 
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); 
for (i = 0; i < Amount; i++){ 
var P=Math.floor(Math.random()*grphcs.length); 
rndPic=grphcs[P]; 
document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">'); 

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

WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight; 
WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth; 
for (i=0; i < Amount; i++){                                                                 
 Ypos[i] = Math.round(Math.random()*WinHeight); 
 Xpos[i] = Math.round(Math.random()*WinWidth); 
 Speed[i]= Math.random()*5+3; 
 Cstep[i]=0; 
 Step[i]=Math.random()*0.1+0.05; 

function fall(){ 
var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight; 
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth; 
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop; 
var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft; 
for (i=0; i < Amount; i++){ 
sy = Speed[i]*Math.sin(90*Math.PI/180); 
sx = Speed[i]*Math.cos(Cstep[i]); 
Ypos[i]+=sy; 
Xpos[i]+=sx;  
if (Ypos[i] > WinHeight){ 
Ypos[i]=-60; 
Xpos[i]=Math.round(Math.random()*WinWidth); 
Speed[i]=Math.random()*5+3; 

if (ns){ 
document.layers['sn'+i].left=Xpos[i]; 
document.layers['sn'+i].top=Ypos[i]+hscrll; 

else if (ns6){ 
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]); 
document.getElementById("si"+i).style.top=Ypos[i]+hscrll; 

else{ 
eval("document.all.si"+i).style.left=Xpos[i]; 
eval("document.all.si"+i).style.top=Ypos[i]+hscrll; 
}  
Cstep[i]+=Step[i]; 

setTimeout('fall()',20); 

 
window.onload=fall 
//--> 
</script>




Les images de flocons sont déjà intégrées à ce script mais vous pouvez les modifier si vous le désirez.
            
 



 : merci de ne pas retirer les codes faisant référence aux sources dans les codes et ce par égard pour les personnes qui ont passé du temps à les rédiger... merci

             
 




      
 
                      


Salutations,


J'ai réussi ce tutoriel mais le neige ne tombe pas jusque en bas !
Pourrais vous m'aider ?


Cordialement,


Author Message
Machin206


Offline
Guest




PostPosted: Mon 2 Jan 2012 - 19:10    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Mriik wrote:
J'ai tester la 1ere Façon j'ai réussi mais je veut mettre cette image :



Est-ce possible ?



Salutations  Mriik,


Si vous voulez mettre cette image c'est très simple !


Vous faites tout simplement un clic droit sur votre image puis vous cliquez sur
"Copier l'url de l'image" puis vous avez l'url




Cordialement,


Author Message
Petite Feuille
Membre


Offline
Membre

Joined: 07 Dec 2011
Posts: 21
Niveau:
Point(s): 21
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin Taureau (20avr-20mai) 龍 Dragon

PostPosted: Tue 17 Jan 2012 - 20:46    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

sur mon forum : http://peace-love.xooit.fr la pluie de coeur c'est magnifique !! merciiiiiiii Smile Smile Smile
_______________________


Forum
Author Message
Flocondeneige
Membre


Offline
Membre

Joined: 21 Sep 2012
Posts: 11
Niveau:
Point(s): 11
Moyenne: 1.00
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Balance (23sep-22oct) 兔 Lièvre

PostPosted: Sat 24 Nov 2012 - 15:35    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bonjour, voici mon overall_header.tpl 

 
Code: Sélectionner - Agrandir
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="imagetoolbar" content="no">
<!-- Placez cette balise où vous souhaitez faire apparaître le gadget badge. -->
<div class="g-plus" data-href="//plus.google.com/102184444124384848423" data-rel="publisher"></div>


<!-- Placez cette ballise après la dernière balise badge. -->
<script type="text/javascript">
  window.___gcfg = {lang: 'fr'};


  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
{META}<meta name="msvalidate.01" content="143720F09B40ADB556A04CB610E48CD5" />
<meta name="google-site-verification" content="RvUFKzn99Y6Xa1EMecU5rA9sFgrXBpCvfqyXQEtE49k" />
<script type="text/javascript">


  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-34740032-1']);
  _gaq.push(['_trackPageview']);


  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();


</script>
{NAV_LINKS}
<title>{SITENAME} .::. {PAGE_TITLE}</title>
<link rel="stylesheet" href="http://img59.xooimage.com/files/b/1/7/mylnebuleuse-398d949.css" type="text/css" />
<style type="text/css"> 
<!-- 
TH         { background-image: url(http://img9.xooimage.com/files/c/e/cellpic3-34638.gif) } 
TD.cat      { background-image: url(http://img9.xooimage.com/files/c/e/cellpic1-3463c.gif) } 
TD.rowpic   { background-image: url(http://img.xooimage.com/files/) } 
TD.catHead,TD.catSides,TD.catLeft,TD.catRight,TD.catBottom { background-image: url(http://img9.xooimage.com/files/c/e/cellpic1-3463c.gif) } 
--> 
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
   if ( {PRIVATE_MESSAGE_NEW_FLAG} )
   {
      window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
   }
//-->
</script>
<!-- END switch_enable_pm_popup -->
<script language="JavaScript1.2">
<!--
url115377 = window.location;
titre115377 = document.title;
sujet115377 = "Salut, je te recommande ce forum sur les chats";
function sendUrl(){ 
window.location = "mailto:"+prompt('Entrez l\'adresse email de la personne a qui vous désirez recommander ce site','')+"?subject="+sujet115377+"&body=Je te recommande ce forum : "+titre115377+" "+url115377;
   } 
//-->
</script>
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">


<a name="top"></a>


<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center"> 
   <tr> 
      <td class="bodyline">
         <table width="100%" cellspacing="0" cellpadding="0" border="0">
              <tr> 
            <td><a href="{U_INDEX}"><img src="http://img55.xooimage.com/files/4/a/2/logo-kittycats-3992a44.jpg" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
            <td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}</span><br />&nbsp;</td>
              </tr>
         </table>
            <br />
         <table cellspacing="0" cellpadding="0" border="0" align="center">
              <tr> 
            <td class="cadre_top_left1" nowrap="nowrap"><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" border="0" hspace="0" vspace="0"></td>
            <td class="cadre_top_left2" valign="bottom" nowrap="nowrap"><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" border="0" hspace="0" vspace="0"><span class="mainmenu2">&nbsp; &nbsp;<a href="{U_FAQ}" class="mainmenu2">{L_FAQ}</a> - &nbsp;&nbsp;<a href="http://kittycat.xooit.fr/f34-Livre-d-or.htm">Livre d'or</a>&nbsp; - &nbsp;<a href="http://kittycat.xooit.fr/portal.php">Portail</a>&nbsp; - &nbsp;<a href="http://kittycat.xooit.fr/index.php">Index</a>&nbsp; - &nbsp;<a href="http://kittycat.xooit.fr/f8-Les-races-de-chats.htm">Les races de chats</a>&nbsp; - &nbsp;<a href="{U_SEARCH}" class="mainmenu2">{L_SEARCH}</a>&nbsp; - &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu2">{L_MEMBERLIST}</a> 
            <!-- BEGIN switch_user_logged_out -->
            &nbsp;  - &nbsp;<a href="{U_REGISTER}" class="mainmenu2">{L_REGISTER}</a><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" border="0" hspace="0" vspace="0">
            <!-- END switch_user_logged_out -->
            <img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" border="0" hspace="0" vspace="0"></span></td>
            <td class="cadre_top_left3" nowrap="nowrap"><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" border="0" hspace="0" vspace="0"></td>
            <!-- BEGIN switch_user_logged_out -->
            <td class="cadre_top_center" align="center" width="100%" nowrap="nowrap"><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" border="0" hspace="0" vspace="0"><span class="mainmenu">&nbsp</span></td>
            <!-- END switch_user_logged_out -->
            <!-- BEGIN switch_user_logged_in -->
            <td class="cadre_top_center" align="center" width="100%" nowrap="nowrap"><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" border="0" hspace="0" vspace="0"><span class="mainmenu"><a href="{U_GROUP_CP}" class="mainmenu">{L_USERGROUPS}</a>&nbsp; - &nbsp;<a href="{U_PROFILE}" class="mainmenu">{L_PROFILE}</a>&nbsp; - &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu">{PRIVATE_MESSAGE_INFO}</a></span></td>
            <!-- END switch_user_logged_in -->
            <td class="cadre_top_right3" nowrap="nowrap"><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" border="0" hspace="0" vspace="0"></td>
            <td class="cadre_top_right2" valign="bottom" nowrap="nowrap"><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" border="0" hspace="0" vspace="0"><span class="mainmenu"><a href="{U_LOGIN_LOGOUT}" class="mainmenu2">{L_LOGIN_LOGOUT}</a></span><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" border="0" hspace="0" vspace="0"></td>
            <td class="cadre_top_right1" nowrap="nowrap"><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" border="0" hspace="0" vspace="0"></td>
              </tr>
         </table>
      </td>
   </tr>



Pourriez vous m'indiquer où mettre le script n°3 ?


_______________________
<Signature>


Forum
Author Message
bidouille33
Membre


Offline
Membre

Joined: 11 Aug 2010
Posts: 117
Point(s): 117
Moyenne: 1.00
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Poissons (20fev-20mar) 龍 Dragon

PostPosted: Sat 24 Nov 2012 - 17:57    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

bonsoir.

essayez en le mettant tout en bas de votre template.

cordialement.


Forum
Author Message
Flocondeneige
Membre


Offline
Membre

Joined: 21 Sep 2012
Posts: 11
Niveau:
Point(s): 11
Moyenne: 1.00
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Balance (23sep-22oct) 兔 Lièvre

PostPosted: Sat 24 Nov 2012 - 18:06    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Merci de votre aide bidouille33 mais cela ne marche pas  Sad Crying or Very sad
_______________________
<Signature>


Forum
Author Message
bidouille33
Membre


Offline
Membre

Joined: 11 Aug 2010
Posts: 117
Point(s): 117
Moyenne: 1.00
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Poissons (20fev-20mar) 龍 Dragon

PostPosted: Sat 24 Nov 2012 - 18:29    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

il est possible que ce script soit périmé.

en cherchant sur internet, on en trouve:
vous mettez l'adresse de votre image où c'est indiqué, vous éditez le script et vous aurez votre code à insérer:
         http://www.editeurjavascript.com/scripts/scripts_images_1_63.php


Forum
Author Message
MK7
Membre


Offline
Membre

Joined: 21 Dec 2011
Posts: 8
Niveau:
Point(s): 8
Moyenne: 1.00
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

PostPosted: Wed 5 Dec 2012 - 15:53    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Peut-on faire un bouton "activer les flocons?
Oui
Non" (ce sont des images, n'essayer pas de cliquer dessus!)
_______________________
Fan de Mario Kart 7?
Alors ce forum est fait pour toi : http://www.mariokart-7.fr !


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 17:15    Post subject: [Tuto] Une pluie d'image sur votre forum

Display posts from previous:   
Reply to topic Page 48 of 49 Goto page: <  1, 2, 3 … , 47, 48, 49  >




Portal | Index | Administration Panel | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group |
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401