fallende Grafik

  • Seite 1 von 2
13.09.2010 08:14
avatar  LaZa ( Gast )
#1 fallende Grafik
La
LaZa ( Gast )

Habe in der suchfunktion schon geschaut aber leider nix gefunden ... wo muss ich den code für "fallende Grafiken" einfügen?
Ich habs im admin-layout-css unter den code gesetzt aber es geht leider net

könnte mir wer helfen? das wär lieb


 Antworten

 Beitrag melden
13.09.2010 09:30
avatar  susanne ( gelöscht )
#2 RE: fallende Grafik
su
susanne ( gelöscht )

Was meinst du mit "fallender Grafik" ?


 Antworten

 Beitrag melden
13.09.2010 09:47 (zuletzt bearbeitet: 13.09.2010 09:47)
avatar  Sachse
#3 RE: fallende Grafik
avatar
Mitglied

Er meint bestimmt Schneeflocken etc.

Schau mal hier ob was passendes dabei ist.

http://www.kostenlose-javascripts.de/javascripts.html

LG Sachse
Wenn nicht anders kenntlich gemacht, dann entspricht alles was ich hier schreibe selbstredend meiner persönlichen Meinung und erhebt keinen Anspruch auf Allgemeingültigkeit!

Mehr unter:
http://www.gartenfreunde-pirna.de/


 Antworten

 Beitrag melden
13.09.2010 10:52
avatar  ( Gast )
#4 RE: fallende Grafik
Gast
( Gast )

genau das meinte ich aber den code hab ich bereits schon nur wo muss ich ihn einfügen im Forum das sie dann wircklich auch fallen??


 Antworten

 Beitrag melden
13.09.2010 11:00
avatar  Sachse
#5 RE: fallende Grafik
avatar
Mitglied

LG Sachse
Wenn nicht anders kenntlich gemacht, dann entspricht alles was ich hier schreibe selbstredend meiner persönlichen Meinung und erhebt keinen Anspruch auf Allgemeingültigkeit!

Mehr unter:
http://www.gartenfreunde-pirna.de/


 Antworten

 Beitrag melden
13.09.2010 12:17 (zuletzt bearbeitet: 13.09.2010 12:17)
#6 RE: fallende Grafik
avatar
Mitglied

Am besten in die Kopfzeile...

Admin > Layout > Kopf-/Fußzeile

speichern nicht vergessen...

Lieben Gruß, Memo

 Antworten

 Beitrag melden
14.09.2010 08:05
avatar  LaZa ( Gast )
#7 RE: fallende Grafik
La
LaZa ( Gast )

es geht leider immernoch nicht..
hab den code in die Kopfzeile gestellt und gespeichert.. aber es fällt nix

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
 
<script> 
<var> -1 && document.getElementById) ? 1:0;
var winWidth = (ns||ns6||opera5)?window.innerWidth-70:window.document.body.clientWidth;
var winHeight = (ns||ns6||opera5)?window.innerHeight:window.document.body.clientHeight;
var flakeX = new Array();
var flakeY = new Array();
var flakeSpeed = new Array();
var flakeStep = new Array();
var flakeStep2 = new Array();
for (i=0; i<numImages; i++)
{
eval('imgFlake' + i + '=new Image();');
eval('imgFlake' + i + '.src="https://files.homepagemodules.de/b214495/bhnetfiles-78q-166.gif";');
}
if (ns)
{
for (i=0; i<numFlakes; i++)
{
eval('var picSource=imgFlake' + Math.floor(Math.random()*numImages) + '.src;');
document.write('<LAYER><IMG></LAYER>');
}
} else {
document.write('<DIV><DIV>');
for (i=0; i<numFlakes; i++)
{
eval('var picSource=imgFlake' + Math.floor(Math.random()*numImages) + '.src;');
document.write('<IMG>');
}
document.write('</DIV></DIV>');
}
for (i=0; i<numFlakes; i++)
{
flakeX[i] = Math.round(Math.random()*winWidth);
flakeY[i] = Math.round(Math.random()*winHeight);
flakeSpeed[i] = Math.random()*3+3;
flakeStep[i] = Math.random()*0.1+0.05;
flakeStep2[i] = 0;
}
function fLetItSnow()
{
var winWidth = (ns||ns6||opera5)?window.innerWidth-70:window.document.body.clientWidth;
var winHeight = (ns||ns6||opera5)?window.innerHeight:window.document.body.clientHeight;
var wscrll = (ns||ns6||opera5)?window.pageXOffset:document.body.scrollLeft;
var hscrll = (ns||ns6||opera5)?window.pageYOffset:document.body.scrollTop;
for (i=0; i<numFlakes>winHeight)
{
flakeX[i]=Math.round(Math.random()*winWidth);
flakeY[i]=-100;
flakeSpeed[i]=Math.random()*3+3;
}
if (ns)
{
document.layers['layerFlake' + i].left = flakeX[i];
document.layers['layerFlake' + i].top = flakeY[i] + hscrll;
} else if (ns6||opera5) {
document.getElementById("layerFlake" + i).style.left = Math.min(winWidth,flakeX[i]);
document.getElementById("layerFlake" + i).style.top = flakeY[i] + hscrll;
} else {
eval("document.all.layerFlake" + i).style.left = flakeX[i];
eval("document.all.layerFlake" + i).style.top = flakeY[i] + hscrll;
}
flakeStep2[i]+=flakeStep[i];
}
setTimeout('fLetItSnow()', 20);
}
// -->
</script>
<script>
<fLetItSnow>
</script>
 


 Antworten

 Beitrag melden
14.09.2010 08:21 (zuletzt bearbeitet: 14.09.2010 08:22)
avatar  Sachse
#8 RE: fallende Grafik
avatar
Mitglied

Hallo,

dieser funzt.



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
 

<script type="text/javascript">
////////////////////////////////////////////////////////////////
// Javascript made by Rasmus Beyer Petersen - http://www.peters1.dk //
////////////////////////////////////////////////////////////////
 
var SNOW_Picture = "https://files.homepagemodules.de/b214495/bhnetfiles-78q-166.gif"
var SNOW_no = 15;
 
var SNOW_browser_IE_NS = (document.body.clientHeight) ? 1 : 0;
var SNOW_browser_MOZ = (self.innerWidth) ? 1 : 0;
var SNOW_browser_IE7 = (document.documentElement.clientHeight) ? 1 : 0;
 
var SNOW_Time;
var SNOW_dx, SNOW_xp, SNOW_yp;
var SNOW_am, SNOW_stx, SNOW_sty;
var i, SNOW_Browser_Width, SNOW_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();
 
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 +"; visibility: visible; top: 15px; left: 15px;\"><a href=\"#\" target=\"_blank\"><\img src=\""+SNOW_Picture+"\" border=\"0\"></a><\/div>");
else document.write("<\div id=\"SNOW_flake"+ i +"\" style=\"position: absolute; z-index: "+ i +"; visibility: visible; top: 15px; left: 15px;\"><\img src=\""+SNOW_Picture+"\" border=\"0\"><\/div>");
}
 
function SNOW_Weather()
{
 
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("SNOW_Weather()", 10);
 
}
 
SNOW_Weather();
</script
 

LG Sachse
Wenn nicht anders kenntlich gemacht, dann entspricht alles was ich hier schreibe selbstredend meiner persönlichen Meinung und erhebt keinen Anspruch auf Allgemeingültigkeit!

Mehr unter:
http://www.gartenfreunde-pirna.de/


 Antworten

 Beitrag melden
14.09.2010 13:29
avatar  ( Gast )
#9 RE: fallende Grafik
Gast
( Gast )

ne geht auch net schaut mal..

http://die-coolen-mamis.xobor.de/


 Antworten

 Beitrag melden
14.09.2010 13:50
avatar  TK
#10 RE: fallende Grafik
TK
TK
Mitglied

in der zeile 15 kannst du das gif ändern

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
 
<!-- ANFANG Script mit den Schneeflocken -->
<script language="JavaScript" type="text/javascript">
 
////////////////////////////////////////////////////////////////////////////////////
// Script erweitert und angepasst damit es auch unter FireFox laueft von Michael
// Konfiguration
 
// Anzahl der Schneeflocken (sollten nicht zuviele sein, 30 - 40 geht aber locker)
var flocken = 10;
 
// Sinkgeschwindigkeit (zwischen 0,3 und 2 einfach mal testen was gut aussieht)
var geschwindigkeit = 4;
 
// relative Adresse der Schneeflocke
var schneeflocke = "http://www.gifmix.de/gif.php?bild=sonnen-gifs/SONNE4_9KB.GIF";
 
// Korrekturwert um bei scrollbaren Seiten auch noch weiter nach unten zu schneien
// Muss entsprechend der verwendeten Seite angepasst werden.
var scrolldown = 1800
 
// Konfiguration
////////////////////////////////////////////////////////////////////////////////////
 
// Do not edit below this line
var schnee = new Array();
var unterer_rand;
var rechter_rand;
var timer;
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 zufall(range)
{
return Math.floor(range * Math.random());
}
 
function starte_schnee()
{
if (ie5 || opera)
{
unterer_rand = document.body.clientHeight + scrolldown;
rechter_rand = document.body.clientWidth - 30;
}
else if (ns6)
{
unterer_rand = window.innerHeight + scrolldown;
rechter_rand = window.innerWidth - 40;
}
 
for (var i = 0; i <= flocken; i++)
{
crds[i] = 0;
lftrght[i] = Math.random() * 15;
x_mv[i] = 0.03 + Math.random() / 10;
schnee[i] = document.getElementById('s' + i);
schnee[i].sink = geschwindigkeit;
schnee[i].posx = zufall(rechter_rand);
schnee[i].posy = zufall(2 * unterer_rand - unterer_rand);
schnee[i].style.left = schnee[i].posx;
schnee[i].style.top = schnee[i].posy;
}
 
bewege_schnee();
}
 
function bewege_schnee()
{
for (var i = 0; i <= flocken; i++)
{
crds[i] += x_mv[i];
schnee[i].posy += schnee[i].sink;
schnee[i].style.left = schnee[i].posx + lftrght[i] * Math.sin(crds[i]);
schnee[i].style.top = schnee[i].posy;
 
if ((schnee[i].posy >= (unterer_rand)) || (parseInt(schnee[i].style.left) > (rechter_rand - 3* lftrght[i])))
{
schnee[i].posx = zufall(rechter_rand);
schnee[i].posy = 0;
}
}
 
var timer = setTimeout('bewege_schnee();', 40); // Wert von 10 bis 100
// Je höher der eingestellte Wert hier ist, desto mehr ruckeln die Flocken,
// allerdings werden dadurch auch weniger CPU-Ressourcen vom Browser gefressen.
// Hier sollte jeder die für sich passende Balance zwischen Sinkgeschwindigkeit und Timer finden.
// Einfach mal ein paar Kombinationen testen und im Browser und Taskmanager die Wirkung beobachten.

}
 
for (var i = 0; i <= flocken; i++)
document.write('<span id="s' + i +'" style="position: absolute">' + '<IMG SRC="' + schneeflocke + '">' + '</span>');
 
if (browserok)
window.onload = starte_schnee;
 
</script>
 
<!-- ENDE Script mit den Schneeflocken -->
 

HPM FORUM >>>***ZwergenAufstand***<<<


 Antworten

 Beitrag melden
15.09.2010 11:59
avatar  LaZa ( Gast )
#11 RE: fallende Grafik
La
LaZa ( Gast )

1
 
<!-- ANFANG Script mit den Schneeflocken --><script language="JavaScript" type="text/javascript"> ////////////////////////////////////////////////////////////////////////////////////// Script erweitert und angepasst damit es auch unter FireFox laueft von Michael// Konfiguration // Anzahl der Schneeflocken (sollten nicht zuviele sein, 30 - 40 geht aber locker)var flocken = 10; // Sinkgeschwindigkeit (zwischen 0,3 und 2 einfach mal testen was gut aussieht)var geschwindigkeit = 4; // relative Adresse der Schneeflocke var schneeflocke = "http://www.fotos-hochladen.net/uploads/blaetter16s7iu2cy.gif";     // Korrekturwert um bei scrollbaren Seiten auch noch weiter nach unten zu schneien// Muss entsprechend der verwendeten Seite angepasst werden. var scrolldown = 1800 // Konfiguration //////////////////////////////////////////////////////////////////////////////////// // Do not edit below this linevar schnee = new Array();var unterer_rand;var rechter_rand;var timer;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 zufall(range){        return Math.floor(range * Math.random());} function starte_schnee(){        if (ie5 || opera)        {                unterer_rand = document.body.clientHeight + scrolldown;                rechter_rand  = document.body.clientWidth - 30;         }        else if (ns6)        {                unterer_rand = window.innerHeight + scrolldown;                rechter_rand  = window.innerWidth - 40;        }         for (var i = 0; i <= flocken; i++)        {                crds[i] = 0;                lftrght[i] = Math.random() * 15;                x_mv[i] = 0.03 + Math.random() / 10;                schnee[i] = document.getElementById('s' + i);                schnee[i].sink = geschwindigkeit;                schnee[i].posx = zufall(rechter_rand);                schnee[i].posy = zufall(2 * unterer_rand - unterer_rand);                schnee[i].style.left = schnee[i].posx;                schnee[i].style.top = schnee[i].posy;        }         bewege_schnee();} function bewege_schnee(){        for (var i = 0; i <= flocken; i++)        {                crds[i] += x_mv[i];                schnee[i].posy += schnee[i].sink;                schnee[i].style.left = schnee[i].posx + lftrght[i] * Math.sin(crds[i]);                schnee[i].style.top = schnee[i].posy;                 if ((schnee[i].posy >= (unterer_rand)) || (parseInt(schnee[i].style.left) > (rechter_rand - 3* lftrght[i])))                {                schnee[i].posx = zufall(rechter_rand);                schnee[i].posy = 0;                }        }         var timer = setTimeout('bewege_schnee();', 40); // Wert von 10 bis 100 //  Je höher der eingestellte Wert hier ist, desto mehr ruckeln die Flocken,//  allerdings werden dadurch auch weniger CPU-Ressourcen vom Browser gefressen.//  Hier sollte jeder die für sich passende Balance zwischen Sinkgeschwindigkeit und Timer finden.//  Einfach mal ein paar Kombinationen testen und im Browser und Taskmanager die Wirkung beobachten.        } for (var i = 0; i <= flocken; i++)        document.write('<span id="s' + i +'" style="position: absolute">' + '<IMG SRC="' + schneeflocke + '">' + '</span>'); if (browserok)        window.onload = starte_schnee; </script> <!-- ENDE Script mit den Schneeflocken --> 
 



so habe den code so eingefügt mit meiner eigenen Grafik aber es geht immer noch nix..*amkopfkratz*


 Antworten

 Beitrag melden
15.09.2010 12:34 (zuletzt bearbeitet: 15.09.2010 12:42)
avatar  TK
#12 RE: fallende Grafik
TK
TK
Mitglied

habe mich mal bei dir regestriert
bitte TK freischalten

HPM FORUM >>>***ZwergenAufstand***<<<


 Antworten

 Beitrag melden
15.09.2010 20:09
avatar  ( Gast )
#13 RE: fallende Grafik
Gast
( Gast )

haben wir gemacht


 Antworten

 Beitrag melden
30.11.2010 08:15
avatar  LaZa ( Gast )
#14 RE: fallende Grafik
La
LaZa ( Gast )


oh je und ich schaff es wieder nicht ...
habe damals den code für die blätter rausgenommen und jetzt möcht ich gerne schneeflocken..

Kann ich die irgend wo auch im Templates einfügen?


 Antworten

 Beitrag melden
30.11.2010 09:29
avatar  TK
#15 RE: fallende Grafik
TK
TK
Mitglied

du kannst ihn einfügen wo du willst... nur solltest du auch darauf achten das es im <HEAD> bereich ist...
versuche es mal mit der forumübersicht :D

HPM FORUM >>>***ZwergenAufstand***<<<


 Antworten

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