De la neige ou des citrouilles ou des coeurs ou des feuilles qui tombe sur votre OPAC ?

De la neige ou des citrouilles ou des coeurs ou des feuilles qui tombe sur votre OPAC ?

Bonjour à tous,

1ère astuce pour le temps des fêtes : comment ajouter de la neige qui tombe sur votre OPAC ?

Tous vos usagers vont adorer ça, si si !

Alors il suffit de copier/coller le code suivant et de l’inscrire dans la au tout début de la préférence système OPACUserJS (même si vous avez une note qui dit de ne rien mettre au-dessus d'une certaine ligne, ce code doit être mis avant :-) )

  1. //neige sur opac
    snow_img = "https://desk.zoho.com/DocsDisplay?zgId=682241679&mode=inline&blockId=8l6qmfd42b4ae457647e7b98500a5b88f6ec6";
    snow_no = 15;
    if (typeof(window.pageYOffset) == "number")
    {
    	snow_browser_width = window.innerWidth;
    	snow_browser_height = window.innerHeight;
    } 
    else if (document.body && (document.body.scrollLeft || document.body.scrollTop))
    {
    	snow_browser_width = document.body.offsetWidth;
    	snow_browser_height = document.body.offsetHeight;
    }
    else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop))
    {
    	snow_browser_width = document.documentElement.offsetWidth;
    	snow_browser_height = document.documentElement.offsetHeight;
    }
    else
    {
    	snow_browser_width = 500;
    	snow_browser_height = 500;	
    }
    
    snow_dx = [];
    snow_xp = [];
    snow_yp = [];
    snow_am = [];
    snow_stx = [];
    snow_sty = [];
    
    for (i = 0; i < snow_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();
    	if (i > 0) document.write("<\div id=\"snow_flake"+ i +"\" style=\"position:absolute;z-index:"+i+"\"><\img src=\""+snow_img+"\" border=\"0\"><\/div>"); else document.write("<\div id=\"snow_flake0\" style=\"position:absolute;z-index:0\"><a href=\"http://peters1.dk/tools/snow.php/%22 target=\"_blank\"><\img src=\""+snow_img+"\" border=\"0\"></a><\/div>");
    }
    function SnowStart() 
    { 
    	for (i = 0; i < snow_no; i++) 
    	{ 
    		snow_yp[i] += snow_sty[i];
    		if (snow_yp[i] > snow_browser_height-50) 
    		{
    			snow_xp[i] = Math.random()*(snow_browser_width-snow_am[i]-30);
    			snow_yp[i] = 0;
    			snow_stx[i] = 0.02 + Math.random()/10;
    			snow_sty[i] = 0.7 + Math.random();
    		}
    		snow_dx[i] += snow_stx[i];
    		document.getElementById("snow_flake"+i).style.top=snow_yp[i]+"px";
    		document.getElementById("snow_flake"+i).style.left=snow_xp[i] + snow_am[i]*Math.sin(snow_dx[i])+"px";
    	}
    	snow_time = setTimeout("SnowStart()", 10);
    }
    SnowStart();
    //fin neige

Si vous souhaitez changer l'image du flocon, vous pouvez utiliser les urls suivants et changer l'url dans la ligne
snow_img =

 https://desk.zoho.com/DocsDisplay?zgId=682241679&mode=inline&blockId=8l6qmfd42b4ae457647e7b98500a5b88f6ec6

 https://desk.zoho.com/DocsDisplay?zgId=682241679&mode=inline&blockId=8l6qm6a360c5c933144be96918a806ea0c324

  https://desk.zoho.com/DocsDisplay?zgId=682241679&mode=inline&blockId=8l6qm2778da89a53f4f0682b266cf7ad4dd9b

 https://support.collecto.ca/galleryDocuments/edbsn48f9c12e563da78bd58757178d4688313287a8250af30c406d844be724229dc95fca21fa5c36fc87758827727d98f883



    • Related Articles

    • Article thématique sur la gestion de l'argent dans Koha

      Cet article thématique présentera l'ensemble des configurations à faire et comment utiliser les différentes options dans Koha pour optimiser la gestion de l'argent dans Koha. Il se peut que ce qui est expliqué dans cet article diffère de votre ...
    • Gestion des feuilles de style

      1. Serveur hébergeant les feuilles de styles http://stylesheets.koha.collecto.ca/ Pour déposer les feuilles de style modifiées, on peut se connecter via le serveur ftp avec les infos suivantes. 167.114.109.70  Identifiant : stylesheets Mot de passe ...
    • Corrections de la base de données - Script inconsistencies

      Un nouveau fichier est déposé sur les instances, dans les outils, sous Accès aux fichiers. Le fichier s'appelle inconsistencies_CÉGEP (CÉGEP étant le nom de votre établissement). Ce fichier est créé par un script qui est roulé sur les instances afin ...
    • Comment réinitialiser votre mot de passe

      Mégafon offre la possibilité aux usagers qui ont oublié leur mot de passe de le réinitialiser, et ce directement via la plate-forme. Pour ce faire, vous devez vous rendre à la page de connexion de Mégafon. À cette page, vous aurez accès au champ pour ...
    • Un menu déroulant pour votre OPAC ?

      Je vous propose un code html à rajouter à votre opac. Celui-ci permet de créer un menu déroulant pour lancer une recherche sur vos nouvelles acquisitions. <h2>Découvrez les nouveautés</h2> <p><form name="searchform" method="get" ...