Fork me on GitHub






Il neige !
Semi pro
Inscrit: 18/12/2005 13:29
De Rebstein - Suisse
Messages: 517
Bravo pour le background du site. C'est très joli.

Je n'ai même plus besoin de regarder par la fenêtre pour voir tomber la neige

La seule différence, c'est qu'à l'écran elle "ne tient pas", contrairement au sol devant chez moi !

Bonnes fêtes.
Raymond

Posté le : 19/12/2009 15:51
Partager Twitter Partagez cette article sur GG+
Re: Il neige !
Semi pro
Inscrit: 10/11/2004 13:40
Messages: 1659
Bonnes Fêtes à toi aussi Raymond

Posté le : 19/12/2009 16:59

PS : Toujours faire une sauvegarde des fichiers avant de les modifier !
-------------------------------------------
http://www.aideordi.com
Partager Twitter Partagez cette article sur GG+
Re: Il neige !
Xoops accro
Inscrit: 16/08/2005 19:46
De Nanterre
Messages: 2331
Également bonne fêtes de fin d'année 2009

Il est chouette ce script de neige
J'utilise ce script, mais cela n'a pas le même effet.

A+++

Posté le : 19/12/2009 18:52

eparcyl... tranquille.
Partager Twitter Partagez cette article sur GG+
Re: Il neige !
Xoops accro
Inscrit: 16/08/2005 19:46
De Nanterre
Messages: 2331
Je viens de trouver ce script qui marche super bien, même sous firefox et ie explorer
A mettre juste avant le </body> , en fin du fichier theme.htlm de votre theme
<!-- debut de neige -->
<
body>
<
script language="JavaScript">
// Placez le nombre de flocons de neige (plus de 30 - 40 non recommandés)
var snowmax=35
// Placez les couleurs pour la neige.  Ajoutez autant de couleurs comme vous voudrez
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD","#FFFFFF")
// Placez les polices, celle créent les flocons de neige.  Ajoutez autant de polices comme vous voudrez
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")
// Placez la lettre qui crée votre flocon de neige (recommandé: *)
var snowletter="'"
// Placez la vitesse de la descente (gamme recommandée de valeurs de 0,3 à 2)
var sinkspeed=2
// Placez la maximal-taille de vos snowflaxes
var snowmaxsize=30
// Placez la minimal-taille de vos snowflaxes
var snowminsize=10
// Placez la neiger-zone
// Placez 1 pour tout-au-dessus-neiger, placez 2 pour la gauche-côté-chute de neige
// L'ensemble 3 pour centre-neiger, a placé 4 pour la droit-côté-chute de neige
var snowingzone=1
///////////////////////////////////////////////////////////////////////////
// LA CONFIGURATION FINIT ICI
///////////////////////////////////////////////////////////////////////////
// N'éditez pas au-dessous de cette ligne
var snow=new Array()
var 
marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var 
crds=new Array();
var 
lftrght=new Array();
var 
browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var 
ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)  
var 
browserok=ie5||ns6||opera
function randommaker(range) {        
    
rand=Math.floor(range*Math.random())
    return 
rand
}
function 
initsnow() {
    if (
ie5 || opera) {
        
marginbottom document.body.clientHeight
        marginright 
document.body.clientWidth
    
}
    else if (
ns6) {
        
marginbottom window.innerHeight
        marginright 
window.innerWidth
    
}
    var 
snowsizerange=snowmaxsize-snowminsize
    
for (i=0;i<=snowmax;i++) {
        
crds[i] = 0;                      
        
lftrght[i] = Math.random()*15;        
        
x_mv[i] = 0.03 Math.random()/10;
        
snow[i]=document.getElementById("s"+i)
        
snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
        
snow[i].size=randommaker(snowsizerange)+snowminsize
        snow
[i].style.fontSize=snow[i].size
        snow
[i].style.color=snowcolor[randommaker(snowcolor.length)]
        
snow[i].sink=sinkspeed*snow[i].size/5
        
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
        if (
snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
        if (
snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
        if (
snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
        
snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
        
snow[i].style.left=snow[i].posx+"px"
        
snow[i].style.top=snow[i].posy+"px"
    
}
    
movesnow()
}
function 
movesnow() {
    for (
i=0;i<=snowmax;i++) {
        
crds[i] += x_mv[i];
        
snow[i].posy+=snow[i].sink
        snow
[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+"px";
        
snow[i].style.top=snow[i].posy+"px"
        
        
if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
            if (
snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
            if (
snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
            if (
snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
            if (
snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
            
snow[i].posy=0
        
}
    }
    var 
timer=setTimeout("movesnow()",50)
}
for (
i=0;i<=snowmax;i++) {
    
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (
browserok) {
    
window.onload=initsnow
}
</script>
<!-- fin de neige -->

C'est paramétrable (couleurs, vitesse etc...)
Dommage, il manque l'effet dû au mouvement de la souris

Bon lundi

Posté le : 21/12/2009 06:41

eparcyl... tranquille.
Partager Twitter Partagez cette article sur GG+
Re: Il neige !
Régulier
Inscrit: 07/09/2006 11:23
De So So Far
Messages: 478
Très joli, rien a dire,

Sur mon site, je l'ai mis aussi AVANT. Mais seul gros souci ... cet effet prend tellement de ressource du système (Processeur du PC, mémoire ...). Tout ordinateur de l'ancienne génération (ainsi que ceux qui ont l'accès a débit classique), n'a pas pu profiter la joyeuseté de la neige et le site disposant cet effet ne fait que ralentir le poste de travail.

Dommage, ... si quelqu'un a l'idée de diminuer l'inconvénient ???

La raison à laquelle mon site ne participe à la fête qu'avec les images fixes ......

Aller bonne fête à tous.
L'équipe du http://www.monoroom.info/

Posté le : 21/12/2009 11:58

Un rêve se réalise quand on tente à  le faire
[Monde de plaisir]:[Magazine enligne] - [Troupe Théâtre]
Partager Twitter Partagez cette article sur GG+
Re: Il neige !
Xoops accro
Inscrit: 20/02/2008 20:27
De Belgium
Messages: 2708
Essayez celui ci:
// Javascript made by Rasmus - http://www.peters1.dk 
// Modified by ghia
////////////////////////////////////////////////////////////////

var SNOW_Picture "/images/snow.gif";
var 
SNOW_no 10;

var 
SNOW_browser_IE_NS = (document.body.clientHeight) ? 0;
var 
SNOW_browser_MOZ = (self.innerWidth) ? 0;
var 
SNOW_browser_IE7 = (document.documentElement.clientHeight) ? 0;

var 
SNOW_Time;
var 
SNOW_dxSNOW_xpSNOW_yp;
var 
SNOW_amSNOW_stxSNOW_sty
var 
iSNOW_Browser_WidthSNOW_Browser_Height;

if (
SNOW_browser_IE_NS)
{
    
SNOW_Browser_Width document.body.clientWidth;
    
SNOW_Browser_Height document.body.clientHeight;
}
else if (
SNOW_browser_MOZ)
{
    
SNOW_Browser_Width self.innerWidth 20;
    
SNOW_Browser_Height self.innerHeight;
}
else if (
SNOW_browser_IE7)
{
    
SNOW_Browser_Width document.documentElement.clientWidth;
    
SNOW_Browser_Height document.documentElement.clientHeight;
}


SNOW_dx = new Array();
SNOW_xp = new Array();
SNOW_yp = new Array();
SNOW_am = new Array();
SNOW_stx = new Array();
SNOW_sty = new Array();
SNOW_ele = new Array();    // gv

for (0SNOW_no; ++ i

    
SNOW_dx[i] = 0
    
SNOW_xp[i] = Math.random()*(SNOW_Browser_Width-50);
    
SNOW_yp[i] = Math.random()*SNOW_Browser_Height;
    
SNOW_am[i] = Math.random()*20
    
SNOW_stx[i] = 0.02 Math.random()/10;
    
SNOW_sty[i] = 0.7 Math.random();
    
document.write("<div id="SNOW_flake"+ i +"" style="positionabsolutez-index"+ i +"visibilityvisibletop15pxleft15px;"><img src=""+SNOW_Picture+"" border="0"></div>");
    
SNOW_ele[i] = document.getElementById("SNOW_flake"+i);    // gv
}

function 
SNOW_Weather() 


for (
0SNOW_no; ++ i

    var 
rand 0;
    
SNOW_yp[i] += SNOW_sty[i];

    if (
SNOW_yp[i] > SNOW_Browser_Height-50
    {
        
rand Math.random();
        
SNOW_xp[i] = rand*(SNOW_Browser_Width-SNOW_am[i]-30);
        
SNOW_yp[i] = 0;
        
SNOW_stx[i] = 0.02 rand/10;
        
SNOW_sty[i] = 0.7 rand;
    }

    
SNOW_dx[i] += SNOW_stx[i];

    
SNOW_ele[i].style.top=SNOW_yp[i]+"px";
    
SNOW_ele[i].style.left=SNOW_xp[i] + SNOW_am[i]*Math.sin(SNOW_dx[i])+"px";
}

SNOW_Time setTimeout("SNOW_Weather()"200);

}

SNOW_Weather();
Prennez une floc assez grande comme dans l'example ici.

Posté le : 21/12/2009 12:39

Salutations, Gerard.
PS: Excusez mon mauvais français.
De la bonne manière de poser les questions
Partager Twitter Partagez cette article sur GG+
Re: Il neige !
Semi pro
Inscrit: 27/10/2004 11:10
Messages: 566
Pour moi cela fait régulièrement planter mon firefox, je ne peux donc plus garder frxoops ouvert en permanence dans un onglet

Posté le : 30/12/2009 11:17

J'aime les sirènes ...
j'aime pas les arrêtes dans le poisson !...
Partager Twitter Partagez cette article sur GG+
Re: Il neige !
Semi pro
Inscrit: 08/03/2006 21:08
Messages: 1176
Bravo pour cette personnalisation du site!

Mais bon comme dit grandoc c'est pas le top!

Ça prend un max de ressource sur nos pc et franchement si on a pas une connexion puissante le site est super lent...

Serait-il possible de l'enlever?

Merci

Posté le : 03/01/2010 17:18
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

11 Personne(s) en ligne (7 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 11 | Plus ...