Paasversieringen

[Joost]

Paasversieringen

Hallo leden, Pasen komt eraan! Tijd om je forum aan te kleden! 1. Om de codes te kunnen installeren: Beheerderspaneel>> Modules>> Javascript management>> Create a new javascript: 1- Geef een titel aan (Bijv.: Paasdecoraties) 2- Geef de plaats van de decoratie aan 3- Kopieer + plak de code in het grote veld 2. De codes: Vallende afbeeldingen Code: var snowsrc="http://www.veryicon.com/icon/64/Holiday/Easter/Easter%20Egs.png";               $(function() {     $.getScript('http://js01.fra.co/20215.js'); }); Code: var snowsrc="http://a54.idata.over-blog.com/0/38/45/10/pirouettes-contes/cloche-petite.gif";               $(function() {     $.getScript('http://js01.fra.co/20215.js'); }); Code: var snowsrc="http://i19.servimg.com/u/f19/18/21/41/30/nouvea11.png";               $(function() {     $.getScript('http://js01.fra.co/20215.js'); }); Code: var snowsrc="http://www.chambre-hotes-var.com/wp-content/week-end/cloches-paques-provence.png";               $(function() {     $.getScript('http://js01.fra.co/20215.js'); }); Code: var snowsrc="http://www.hamsteracademy.fr/images/oeufs/oeufs1.gif";               $(function() {     $.getScript('http://js01.fra.co/20215.js'); }); Code: var snowsrc="http://www.cfaitmaison.com/imagessite/oeufspensee.gif";               $(function() {     $.getScript('http://js01.fra.co/20215.js'); }); Code: var snowsrc="http://i40.tinypic.com/20z42fb.png";               $(function() {     $.getScript('http://js01.fra.co/20215.js'); }); Code: var snowsrc="http://i77.servimg.com/u/f77/11/66/92/55/ncgy1k10.png";               $(function() {     $.getScript('http://js01.fra.co/20215.js'); }); Code: var snowsrc="http://i77.servimg.com/u/f77/11/66/92/55/14c45l10.png";               $(function() {     $.getScript('http://js01.fra.co/20215.js'); }); Prettig Pasen! Deze tutorial is geschreven door Buttercup. ActieForum

[dmeigenaar]

Ik heb een vraag hierover

Zou je ook een link in een ei kunnen doen, dus als je op een paas ei klikt dat je dan naar een pagina gaat(Niet alle eieren), omdat als we op een paasei klikken ga je soms naar de frans van ondersteuningsforum.

Ik hoop dat dat mogelijk is

M.V.G.
dmeigenaar

[Joost]

Ik heb een vraag hierover

Zou je ook een link in een ei kunnen doen, dus als je op een paas ei klikt dat je dan naar een pagina gaat(Niet alle eieren), omdat als we op een paasei klikken ga je soms naar de frans van ondersteuningsforum.

Ik hoop dat dat mogelijk is

M.V.G.
dmeigenaar

Ik snap je niet, wat bedoel je met link in een ei?
Waar op welke paasei linkt het door naar het franse ondersteuningsforum?

[dmeigenaar]

Dat als je op een paas ei ofzo klikt dat je dan naar een pagina word toegelonkt alleen dan niet elke paasei die je ziet

Op sommige paaseieren(Als je erop klikt) dan ga je naar de Franse ondersteuningsforum.
Soms bij de 10 eieren en soms bij de 2de ei

[Joost]

Dat als je op een paas ei ofzo klikt dat je dan naar een pagina word toegelonkt alleen dan niet elke paasei die je ziet

Op sommige paaseieren(Als je erop klikt) dan ga je naar de Franse ondersteuningsforum.
Soms bij de 10 eieren en soms bij de 2de ei

Ik snap nog steeds niet goed wat je bedoeld, waar word je doorgelinkt?

[dmeigenaar]

Je ziet als je op mijn forum komt eieren naar beneden vallen. En dan als je op een ei klikt(Sommige eieren) dan word je doorgelinkt naar de franse ondersteuningsforum.

[Joost]

Je ziet als je op mijn forum komt eieren naar beneden vallen. En dan als je op een ei klikt(Sommige eieren) dan word je doorgelinkt naar de franse ondersteuningsforum.

Klopt staat inderdaad in de scripts zag ik, ik zelf heb weinig ervaring met javascripts dus heb het even aan @10spetter10 gevraagd hopelijk krijg je er snel antwoord op.

[dmeigenaar]

Oke, alvast bedankt voor uw reactie hiervan

[TonnyKamper]

Voor diegenen die geen vallende plaatjes op hun forum kunnen gebruiken, of simpelweg al teveel javascripts in gebruik hebben, ik heb van bovenstaande plaatjes gebruik gemaakt, met dank aan de creators en er een boodschap in een div van gemaakt voor in de aankondigingen, dan kun je hem naar believen laten scrollen of niet.. persoonlijk heb ik hem stilgezet ! Ik weet niet of het geoorloofd is om dit hier te plaatsen, zo niet dan verwijderen jullie hem maar, ik wil alleen maar anderen mee laten profiteren van de mogelijkheden tot decoratie van je forum..

Hier is de code:

Spoiler:

[Joost]

@TonnyKamper , bedankt voor je bijdrage is geen probleem.

[10spetter10]

Je ziet als je op mijn forum komt eieren naar beneden vallen. En dan als je op een ei klikt(Sommige eieren) dan word je doorgelinkt naar de franse ondersteuningsforum.

Klopt staat inderdaad in de scripts zag ik, ik zelf heb weinig ervaring met javascripts dus heb het even aan @10spetter10 gevraagd hopelijk krijg je er snel antwoord op.

Ik heb hier eens naar gekeken en op het eerste zicht weet ik niet direct hoe het op te lossen. Ik heb al geprobeerd de code waarnaar je linkt gewoon in javascript te zetten maar dan krijg ik een error, ik ga hier dus later nog eens naar kijken.
Ik ben het zeker niet vergeten!

[10spetter10]

Deze lijkt me wat uitgebreider en ook te werken bij mij.

Code:

/**
 * jquery.snow - jQuery Snow Effect Plugin
 *
 * Available under MIT licence
 *
 * @version 1 (21. Jan 2012)
 * @author Ivan Lazarevic
 * @requires jQuery
 * @see http://workshop.rs
 *
 * @params flakeSrc - imagesource of snowflake, http://jqsnow.sourceforge.net/snow/snow.gif by default
 * @params minSize - min size of snowflake, 10 by default
 * @params maxSize - max size of snowflake, 20 by default
 * @params newOn - frequency in ms of appearing of new snowflake, 500 by default
 * @params flakeColor - color of snowflake, #FFFFFF by default
 * @example $.fn.snow({ maxSize: 200, newOn: 1000 });
 */

(function($){$.fn.snow=function(options){var $flake=$('<img id="flake"/>').css({'position':'absolute','top':'-100px'}),documentHeight=$(document).height(),documentWidth=$(document).width(),defaults={flakeSrc:'http://jqsnow.sourceforge.net/snow/snow.gif',minSize:10,maxSize:20,newOn:500,flakeColor:"#FFFFFF"},options=$.extend({},defaults,options);var interval=setInterval(function(){$("#flake").attr("src",options.flakeSrc);var startPositionLeft=Math.random()*documentWidth-100,startOpacity=1.0,sizeFlake=options.minSize+Math.random()*options.maxSize,endPositionTop=documentHeight-40,endPositionLeft=startPositionLeft-100+Math.random()*200,durationFall=documentHeight*10+Math.random()*5000;$flake.clone().appendTo('body').attr("src",options.flakeSrc).css({left:startPositionLeft,opacity:startOpacity,'width':sizeFlake,color:options.flakeColor}).animate({top:endPositionTop,left:endPositionLeft,opacity:1.0},durationFall,'linear',function(){$(this).remove()});},options.newOn);};})(jQuery);


/* personnaliseer */
$(document).ready( function(){
      $.fn.snow({ flakeSrc:'http://www.hamsteracademy.fr/images/oeufs/oeufs1.gif', minSize: 5, maxSize: 50, newOn: 1000 });
});

Het onderste gedeelte gebruik je om de instellingen van de regen aan te passen, zo kan je de wisselende grote beperken en de snelheid verhogen en verlagen. Ook de afbeelding van de regen kan je kiezen.

[dmeigenaar]

Ooh, bedankt spetter10, hij doet

Alleen nog 1 vraag:

Kan je er ook een link in zetten, als je op een eitje klikt dat je word doorgelinkt naar een site, maar niet bij elke ei, misschien 1 op de 100 ofzo

M.V.G.
dmeigenaar

[10spetter10]

Ik kan dat wel doen maar dan wel op een ietwat moeilijkere manier, zou je dan eventueel die link eens willen posten, dat ik het er meteen inzet?

[dmeigenaar]

Oke, alvast bedankt en hier heb je de link

http://dmindustries.actieforum.com/f10-laatste-nieuws

M.V.G.
dmeigenaar

[10spetter10]

Ik begin deze nieuwe code steeds beter onder de knie te krijgen.

Je kan je verhouding afbeeldingen met en zonder link zelf aanpassen en de link zelf onderaan bij de rest van de opties.

Code:

/**
 * jquery.snow - jQuery Snow Effect Plugin
 *
 * Available under MIT licence
 *
 * @version 1 (21. Jan 2012)
 * @author Ivan Lazarevic
 * @requires jQuery
 * @see http://workshop.rs
 *
 * @params flakeSrc - imagesource of snowflake, http://jqsnow.sourceforge.net/snow/snow.gif by default
 * @params externLink - link on the flakes, # by default
 * @params rate - rate of externlink 1/rate, 1 by default
 * @params minSize - min size of snowflake, 10 by default
 * @params maxSize - max size of snowflake, 20 by default
 * @params newOn - frequency in ms of appearing of new snowflake, 500 by default
 * @params flakeColor - color of snowflake, #FFFFFF by default
 * @example $.fn.snow({ maxSize: 200, newOn: 1000 });
 */

(function($){$.fn.snow=function(options){var counter=0;var $flake=$('<img id="flake"/>').css({'position':'absolute','top':'-100px'}),documentHeight=$(document).height(),documentWidth=$(document).width(),defaults={flakeSrc:'http://jqsnow.sourceforge.net/snow/snow.gif',externLink:'#',rate:1,minSize:10,maxSize:20,newOn:500,flakeColor:"#FFFFFF"},options=$.extend({},defaults,options);var interval=setInterval(function(){var modulo=counter%options.rate;var startPositionLeft=Math.random()*documentWidth-100,startOpacity=1.0,sizeFlake=options.minSize+Math.random()*options.maxSize,endPositionTop=documentHeight-40,endPositionLeft=startPositionLeft-100+Math.random()*200,durationFall=documentHeight*10+Math.random()*5000;if(modulo==0){$flake.clone().appendTo('body').attr({"src":options.flakeSrc,"onclick":'window.location.href = '+options.externLink+''}).css({left:startPositionLeft,opacity:startOpacity,'width':sizeFlake,color:options.flakeColor}).animate({top:endPositionTop,left:endPositionLeft,opacity:1.0},durationFall,'linear',function(){$(this).remove()})}else{$flake.clone().appendTo('body').attr("src",options.flakeSrc).css({left:startPositionLeft,opacity:startOpacity,'width':sizeFlake,color:options.flakeColor}).animate({top:endPositionTop,left:endPositionLeft,opacity:1.0},durationFall,'linear',function(){$(this).remove()})};counter++;},options.newOn);};})(jQuery);


/* personnaliseer */
$(document).ready( function(){
      $.fn.snow({ flakeSrc:'http://www.hamsteracademy.fr/images/oeufs/oeufs1.gif', externLink:'http://dmindustries.actieforum.com/f10-laatste-nieuws', rate:100, minSize: 5, maxSize: 50, newOn: 1000 });
});

[dmeigenaar]

Ik heb het uitgeprobeerd maar de een of andere manier als ik op een eitje klikt(Na de 15 ei ofzo) dan word ik niet doorgelinkt met de url die ik u gaf maar word ik nog steeds doorgelinkt naar forum.actif, de franse ondersteunings forum

Weet u misschien hoe dat kan?

M.V.G.
dmeigenaar

[10spetter10]

Dit is omdat je naast dit script ook nog het script dat hier bij de paasdecoraties laat gaan. De schommelende paaseitjes zijn van dat ander script.

[Omerta]

Ik gebruikt het ook.
coole paasversiering

[dmeigenaar]

Oja, gezien als het goed is werkt het nu, alvast bedankt voor uw reactie hierop(Sry voor de late reactie)