Schneefall vs Adventskalender

03.12.2013 11:44
avatar  Gala
#1 Schneefall vs Adventskalender
Ga
Mitglied

Hallo,

sorry aber ich finde zwar Themen zu meinen Stichworten, aber meine Fragen beantworten sich in diesen ellenlangen Threads leider nicht.

Ich hab den Adventskalender aktiviert. Habe danach erst gesehen das es auch Schneefall gibt. Meine erste Frage.
Wenn ich den Adventskalender wieder deaktiviere kann ich dann kostenlos den Schneefall aktivieren?
Zweite Frage
Werden kostenlose Plugins irgendwann kostenpflichtig?


 Antworten

 Beitrag melden
03.12.2013 11:51
#2 RE: Schneefall vs Adventskalender
avatar
Mitglied

Hallo Gala,
aus deiner Frage schliesse ich daß du ein kostenloses Forum betreibst.
Dann kannst du immer nur ein Plugin zur Zeit installieren.
Deaktivieren reicht also nicht.
Du musst den Kalender deinstallieren um den Schnee installieren zu können.
Die Daten aus dem Kalender die du evtl. schon eingegeben hast, gehen dann aber verloren.
Wenn du ihn doch wieder haben willst, fängst du bei null an.

Es gibt im Netz aber Schneefall-Skripte, die du ohne Probleme in deine Kopfzeile kopieren kannst.

Ich weiß zwar nicht wie sich die Tarifstaffelung bei den Plugins in Zukunft ändern wird
aber ich glaube nicht daß man irgendwann weniger installieren kann als bisher.
Es geht zur Zeit auch nicht um bestimmte Plugins sondern um die reine Anzahl.
Die Menge die du frei hast wird wohl auch in Zukunft frei bleiben.
Ob einzelne Plugins später mal etwas kosten werden wie z.B. in App-Stores, weiß ich nicht.

Gruß
Frank


Boardnr. 621181

www.aquariumzimmer.de
Boardnr. 572886
Business Template

 Antworten

 Beitrag melden
03.12.2013 11:55
avatar  Gala
#3 RE: Schneefall vs Adventskalender
Ga
Mitglied

Hallo Frank,
erst mal danke für die Antwort.

Ja ich habe ein kostenloses Forum.

Ich hab an dem Adventskalender noch gar nichts eingestellt, von daher würde keine Daten verloren gehen.

Kannst du mir einen Schneefall Skripte empfehlen?


 Antworten

 Beitrag melden
03.12.2013 12:14
#4 RE: Schneefall vs Adventskalender
avatar
Mitglied

muss ich mal kurz suchen.

Gruß
Frank


Boardnr. 621181

www.aquariumzimmer.de
Boardnr. 572886
Business Template

 Antworten

 Beitrag melden
03.12.2013 12:18 (zuletzt bearbeitet: 03.12.2013 12:19)
avatar  TripleM
#5 RE: Schneefall vs Adventskalender
avatar
Mitglied

Hallo ich habe hier das alte vom Letzten Jahr

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
 
<!DOCTYPE HTML><html>
 
<head>
<title>Schneeflocken</title>
<meta charset="utf-8">
 
<style type="text/css">
.snowflake {
position:absolute;
top:0px;
left:0px;
 
color:#CCC; /* Farbe für Alternativtext */
}
</style>
 
<script type="text/javascript">
/*<![CDATA[*/
 
var snowProperties = {
// Adresse der Schneeflocken-Grafik:
flakeImage : '',
// Alternativ-Text, falls Grafik nicht gefunden:
flakeText : '*',
 
// maximale Abweichung von der Standard-Bildgröße in Prozent [0..1]
// z.B.: 0 = keine, 50 = +-50%, 100 = +-100% (doppelt so groß bzw. nicht mehr zu sehen)
deviation : 50,
 
flakeWidth : 20, // Breite einer Schneeflocke
flakeHeight : 23, // Höhe einer Schneeflocke
 
animSpeed : 75, // Intervall für Ausführung der Animations in ms
stepDown : 2, // Pixel nach unten pro Animations-Schritt
amplitude : 10, // maximale Pendelbewegungen seitwärts in Pixeln
period : 12.5, // Länge für eine komplette Pendelbewegung
 
amountStart : Math.ceil(window.innerWidth*0.0025), // Anzahl der zu ladenden Schneeflocken pro Zeile
snowLine : Math.round(window.innerHeight * 0.8), // maximale Höhe, welche die Schneeflocken zurücklegen
sizeBottom : 2 // minimale Größe einer Schneeflocke am Ende in Prozent
}
 
function snowFlake() {
var that = this;
 
this.deviation = ((Math.random() * 2) - 1) * (snowProperties.deviation/100);
this.width = snowProperties.flakeWidth * (1 + this.deviation);
this.height = snowProperties.flakeHeight * (1 + this.deviation);
 
this.posX = Math.floor((Math.random() * (window.innerWidth - this.width - Math.abs(this.deviation) ) ) + 1);
this.posY = ((-1) * this.height) - Math.floor((Math.random() * (2*this.height) ) + 1);
 
this.decrWidth = ( this.width - ( this.width * (snowProperties.sizeBottom/100) ) ) // (Anfangsbreite - Endbreite)
/ (snowProperties.snowLine - (this.height * 3));
this.decrHeight = ( this.height - ( this.height * (snowProperties.sizeBottom/100) ) ) // (Anfangshöhe - Endhöhe)
/ (snowProperties.snowLine - (this.height * 3));
 
this.flake;
this.init = function() {
// HTML-Element für Schneeflocke erzeugen:
this.flake = document.createElement('img');
// Attribute des HTML-Elementes initialisieren:
this.flake.setAttribute( 'name', 'snowflake');
this.flake.setAttribute( 'alt', snowProperties.flakeText);
this.flake.setAttribute( 'class', 'snowflake');
this.flake.setAttribute( 'src', snowProperties.flakeImage);
// Element in Seite einbinden:
document.getElementsByTagName('body')[0].appendChild(this.flake);
 
this.flake.style.width = this.width + 'px';
this.flake.style.height = this.height + 'px';
this.flake.style.top = this.posY + 'px';
this.flake.style.left = this.posX + 'px';
}
this.init();
 
this.remove = function() {
document.getElementsByTagName('body')[0].removeChild(this.flake);
}
 

this.fallDown = function() {
this.posY += snowProperties.stepDown;
this.flake.style.top = this.posY + 'px';
 
var newPosition = parseFloat(this.posX) +
snowProperties.amplitude *
Math.sin( (1/snowProperties.period) * (this.posY - this.deviation) );
this.flake.style.left = newPosition + 'px';
 
this.width -= this.decrWidth;
this.height -= this.decrHeight;
this.flake.style.width = this.width + 'px';
this.flake.style.height = this.height + 'px';
}
}
 

function snowFall() {
var that = this;
 
this.flakes;
 
var interval;
var timeout;
 
var loadRange;
var loadTimer;
var totalAmount;
var countLoaded = 0; // Anzahl geladener Schneeflocken
 
this.init = function() {
totalAmount = snowProperties.amountStart *
Math.round( snowProperties.snowLine / (snowProperties.flakeHeight * 1.5 * 2) );
 
this.flakes = new Array(totalAmount);
loadRange = snowProperties.amountStart; // this.flakes.length * (snowProperties.amountStart/100);
 
for (var i = 0; i < loadRange; i++) {
this.flakes[i] = new snowFlake();
this.flakes[i].flake.style.display = 'none';
countLoaded = i + 1;
}
 
// (Durchschnittliche Fallhöhe bis Bildrand) * (Zeitschritte, die bis dahin vergingen):
loadTimer = (snowProperties.flakeHeight * 1.5 * 2) * (snowProperties.animSpeed / snowProperties.stepDown);
timeout = window.setTimeout( function() { that.loadAsync(); }, loadTimer);
}
this.init();
 
this.loadAsync = function() {
var loadMore = false;
for (var i = 0; i < loadRange; i++) {
if ( (countLoaded < this.flakes.length) && (this.flakes[countLoaded] == null) ) {
this.flakes[countLoaded++] = new snowFlake();
}
else {
break;
}
loadMore = true;
}
if (loadMore) {
timeout = window.setTimeout( function() { that.loadAsync(); }, loadTimer);
}
}
 
this.show = function() {
for (var i = 0; i < this.flakes.length; i++) {
if (this.flakes[i] != null) {
this.flakes[i].flake.style.display = 'block';
}
}
}
this.hide = function() {
for (var i = 0; i < this.flakes.length; i++) {
if (this.flakes[i] != null) {
this.flakes[i].flake.style.display = 'none';
}
}
}
 
this.startAnimation = function() {
interval = window.setInterval( function() { that.play(); } , snowProperties.animSpeed);
this.show();
}
this.stopAnimation = function() {
window.clearInterval(interval);
this.hide();
}
 
this.play = function() {
for (var i = 0; i < this.flakes.length; i++) {
if (this.flakes[i] != null) {
if (this.flakes[i].posY > snowProperties.snowLine) {
this.flakes[i].remove(); // alte Schneeflocke entfernen
this.flakes[i] = new snowFlake(); // neue Schneeflocke generieren
}
this.flakes[i].fallDown();
}
}
}
}
 

function letTheSnowFall() {
var fallingSnow = new snowFall();
fallingSnow.startAnimation();
 
//window.setTimeout( function(){ fallingSnow.hide(); }, 10000);
//window.setTimeout( function(){ fallingSnow.show(); }, 44000);
window.setTimeout( function(){ fallingSnow.stopAnimation(); }, 45000); // Dauer der Animation
}
 
/*]]>*/
</script>
</head>
 
<body onLoad="letTheSnowFall();">
</body>
 
</html>
 



Zeile 22 ist die Bildadresse Hinterlegt. Die kannst du weg nehmen und/oder mit jeder Grafik ergänzen. Die Striche kannst du lassen. Hast du dort kein Bild Greift der Text 2 Zeilen darunter also das * für schnee.

Also so

1
 
flakeImage : 'deine Bildadresse für das Bild',
 



Einzusetzen in der Kopfzeile im Adminmenü

Und schon schneit es in deinen Forum.

Beispiel in meinen Testforum

http://ofn-testforum.xobor.de/


Viel spaß.


 Antworten

 Beitrag melden
03.12.2013 12:22
#6 RE: Schneefall vs Adventskalender
avatar
Mitglied

Ohne Grafiken:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
 
<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
// Anzahl der Schneeflocken (mehr als 30 - 40 nicht empfehlenswert)
var snowmax=35;
 
// Farben der Schneeflocken. Es können beliebig viele Farben angegeben werden
var snowcolor=new Array("#AAAACC","#DDDDFF","#CCCCDD","#F3F3F3","#F0FFFF");
 
// Fonts, welche die Schneeflocken erzeugen. Beliebig viele Fonts ergänzbar
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS");
 
// Zeichen für die Schneeflocke (empfohlen: * )
var snowletter="*";
 
// Fallgeschwindigkeit (empfohlen sind Werte zwischen 0.3 bis 2)
var sinkspeed=0.6;
 
// Maximale Größe der Schneeflocken
var snowmaxsize=22;
 
// Minimale Größe der Schneeflocken
var snowminsize=8;
 
/* Schnee-Zone:
** 1 für überall, 2 für Schneefall nur auf der linken Seite
** 3 für Schneefall in der Mitte, 4 für Schneefall nur auf der rechten Seite */
var snowingzone=1;
 
/*
* Ab hier nichts mehr ändern *
*/
 
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;
snow[i].style.top=snow[i].posy;
}
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+"px;'>"+snowletter+"</span>");
}
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/dsl-anbieter-vergleich.html" title="Internetanbieter" rel="nofollow" target="_blank">Internetanbieter</a></div>
<br />
<script type="text/javascript">if (browserok) {initsnow();}</script>
<!-- präsentiert von kostenlose-javascripts.de -->
 
 



Mit Grafiken:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
 
<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
var no = 18; // Anzahl der Schneeflocken
var speed = 25; // Geschwindigkeit -> je kleiner die Zahl, desto schneller
var snowflake = "https://files.homepagemodules.de/b2001010/a_1421_a944bc65.gif";
 
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width, doc_height;
doc_width = document.body.clientWidth;
doc_height = 1100;
 
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; // 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 (i == 0) {
document.write("<div id=\"schneedot"+ i +"\" style=\"position: ");
document.write("absolute; z-index: "+ i +"; visibility: ");
document.write("visible; top: 15px; left: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"schneedot"+ i +"\" style=\"position: ");
document.write("absolute; z-index: "+ i +"; visibility: ");
document.write("visible; top: 15px; left: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
}
}
function snowIE() { // IE main animation function
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("schneedot"+i).style.top = yp[i] + "px";
document.getElementById("schneedot"+i).style.left = (xp[i] + am[i]*Math.sin(dx[i])) + "px";
}
setTimeout("snowIE()", speed);
}
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/dsl-anbieter-vergleich.html" title="Internetanbieter" rel="nofollow" target="_blank">Internetanbieter</a></div>
<br />
<script type="text/javascript">snowIE();</script>
<!-- präsentiert von kostenlose-javascripts.de -->
 
 

Gruß
Frank


Boardnr. 621181

www.aquariumzimmer.de
Boardnr. 572886
Business Template

 Antworten

 Beitrag melden
03.12.2013 12:22
avatar  Gala
#7 RE: Schneefall vs Adventskalender
Ga
Mitglied

Vielen Dank.

Habe ich noch eine Möglichkeit den HTML Code einzubinden, damit es auch unterhalb der Kopfzeile schneit?


 Antworten

 Beitrag melden
03.12.2013 12:24
#8 RE: Schneefall vs Adventskalender
avatar
Mitglied

Wie meinst du "unterhalb"?
Die Skripte kannst du in deine Kopfzeile rein kopieren.
Schneien tut es auf dem ganzen Bildschirm.

Gruß
Frank


Boardnr. 621181

www.aquariumzimmer.de
Boardnr. 572886
Business Template

 Antworten

 Beitrag melden
03.12.2013 12:55
avatar  Gala
#9 RE: Schneefall vs Adventskalender
Ga
Mitglied

Also ich habs unter Layout und Kopfzeile eingefügt! Dann schneit es nur oben. Von daher denke meinst du eine andere Kopfzeile?!


 Antworten

 Beitrag melden
03.12.2013 12:59
#10 RE: Schneefall vs Adventskalender
avatar
Mitglied

Da habe ich es auch mit beiden Skripten getestet.
Bei mir hat es überall geschneit.
???

Gruß
Frank


Boardnr. 621181

www.aquariumzimmer.de
Boardnr. 572886
Business Template

 Antworten

 Beitrag melden
03.12.2013 12:59
avatar  TripleM
#11 RE: Schneefall vs Adventskalender
avatar
Mitglied

Also ich habe mal eben geschaut bei dir im Forum. (Wäre nett dein Forum in dein Profil einzutragen dann brauch man nicht lange suchen)

Und da schneit es Überall in deinen Forum auch unterhalb der Kopfzeile



Das Problem ist das es bei deinen Hintergrund nicht so gut zu sehen ist weil er Gepunktet ist.


 Antworten

 Beitrag melden
03.12.2013 13:06
avatar  Gala
#12 RE: Schneefall vs Adventskalender
Ga
Mitglied

Vielen Dank Frank und Mario!

Es liegt an meinem Internet Explorer...

Wenn ich über Chrome reingehe, schneit es bis unten.


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!