Autor |
Nachricht |
|
06.11.2010 um 11:22 (UTC) Titel: [erledigt] Schneeflockencode für Firefox |
|
|
Hallo,
ich habe jetzt das Netzt durchforstet nach einem Schneeflockencode.
Ich habe ein CSS und suche einen Code der NUR AUF EINER SEITE eingefügt werden kann und Firefox kompatibel ist.
Weiss jemand was
MfG
Zuletzt bearbeitet von weihnacht-im-netz am 16.11.2010, 23:56, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
pokemonshow
|
06.11.2010 um 12:09 (UTC) Titel: |
|
|
Versuch es mal mit dem hier:
Code: <script type="text/javascript" src="http://pokemonshow.kilu.de/snowstorm.js"></script> <!-- now, we'll customize the snowStorm object --> <script type="text/javascript">
snowStorm.snowColor = '#FFFFFF'; // blue-ish snow!?
snowStorm.flakesMaxActive = 96; // show more snow on screen at once
snowStorm.useTwinkleEffect = true; // let the snow flicker in and out of view
</script>
mfg
pokemonshow |
|
↑
|
|
|
-
the-fun-factory
|
06.11.2010 um 12:13 (UTC) Titel: |
|
|
Damit der Effekt nur auf einer Seite auftritt musst du den code nicht bei Text über dem design, sondern im Quelltext der Seite einfügen. Diesen kannst du bearbeiten indem du bei "Eigene Seiten editieren" die entsprechende seite auswählst und im editor auf "Quelltext" klickst. Den Code fügst du dann am besten ganz oben ein. ______________
|
|
↑
|
|
|
|
06.11.2010 um 12:17 (UTC) Titel: |
|
|
supi erst mal schon danke,
aber wie kann ich das ändern, das meine URL eingefügt ist und ich ein Flockengif einfügen kann, sind ja nur kleine weise Pünktchen ich habe ne schöne Flocke die ich gerne hätte |
|
↑
|
|
|
|
|
↑
|
|
|
-
dabeni
|
06.11.2010 um 17:20 (UTC) Titel: Re: |
|
|
wenn micht das nicht täuscht ist die seite nur für andere bestimmte seiten da da kann man sowas in nen ordner reinttun aber für HPBK geht das nicht
(sag halt ich jetzt aber ich glaube für HPBK geht das ned)
mfg DaBeni ______________ No Risk No Fun No Life :D
|
|
↑
|
|
|
|
06.11.2010 um 18:07 (UTC) Titel: |
|
|
bitte nur antworten wenn mans genau weis und das es geht weis ich , aber nicht wie |
|
↑
|
|
|
-
pokemonshow
|
06.11.2010 um 18:11 (UTC) Titel: |
|
|
hier bitte schön du musst mir nur noch die schneeflocken url schicken
Code: <script src="http://pokemonshow.de.ki/snow.js" type="text/javascript"></script> |
|
↑
|
|
|
-
the-fun-factory
|
07.11.2010 um 17:54 (UTC) Titel: |
|
|
leute, so schwer ist das doch wohl nicht.
wenn du dir mal den code von pokemonshow ansiehst, findest du darin eine Webadresse:
pokemonshow hat Folgendes geschrieben: <script src="http://pokemonshow.de.ki/snow.js" type="text/javascript"></script>
Ruff man diese im Browser auf, findet man ein javascript vor. Dort wird in zeile 3 die url für die grafik hinzugefügt. Das Script ist übrigends dasselbe wir das, was du gepostet hast (ich weis ja nicht ob du das wusstest).
Ok, dann will ich mal anfangen dir das zu verklickern. Was dich auf der seite wohl verwirrt hat ist, dass dort was von dateien hochladen steht. Braucht man aber eigentlich garnicht. In der datei steht nämlich nichts anderes als das:
Zitat:
<script type="text/javascript">
var no = 15; // Anzahl der Schneeflocken
var speed = 20; // "Schnei-Geschwindigkeit"; je kleiner die Zahl, um so schneller fallen die Flocken
var snowflake = "http://www.schloebe.de/wp-content/themes/schloebe_de/images/snow/snow.gif"; // Bild der Schneeflocke, beliebig
// ***** Ab hier nichts mehr ändern! ********************
var ns4up = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4") ? 1 : 0; // Browser Tester
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
var dx, xp, yp; // Variablen für Koordinaten und Position
var am, stx, sty; //Variablen für Amplitude und Schrittweite
var i, doc_width = 800, doc_height = 100;
if (ns4up||ns6up) { // Bildschirm-Auflösung holen, Netscape-Funktion
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) { // Bildschirm-Auflösung holen, Internet Explorer-Funktion
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
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; // Koordinaten-Variable setzen
xp[i] = Math.random()*(doc_width-50); // Position-Variable setzen
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // Amplituden-Variable setzten
stx[i] = 0.02 + Math.random()/10; // Variable für Schrittweite setzen
sty[i] = 0.7 + Math.random(); // Variable für Schrittweite setzen
// ----------------------------------------------------------------------
// Layer konfigurieren für Netscape
if (ns4up) {
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
}
// ----------------------------------------------------------------------
// Layer konfigurieren für <> NS4
} else if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ 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=\"dot"+ 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>");
}
}
}
// ----------------------------------------------------------------------
// Haupt-Animations-Funktion für Netscape
function snowNS() {
for (i = 0; i < no; ++ i) {
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();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
// ----------------------------------------------------------------------
// Haupt-Animations-Funktion für Internet Explorer
function snowIE() {
for (i = 0; i < no; ++ i) {
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();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
// Haupt-Animations-Funktion für Netscape6 und Mozilla
function snowNS6() {
for (i = 0; i < no; ++ i) {
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();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top = yp[i]+"px";
document.getElementById("dot"+i).style.left = xp[i] + am[i]*Math.sin(dx[i])+"px";
}
setTimeout("snowNS6()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}else if (ns6up) {
snowNS6();
}
</script>
Also, zeile drei. da kannst du deine Bildurl hinzufügen. Wie du siehst hab ich am anfang und am ende nochwas hinzugefügt. Diese teile werden gebraucht damit der browser das darin stehende auch als script (oder Anwendung) versteht.
Diesen Code kannst du jezt einfach auf deiner seite einfügen. Wenn du ihn bei "Text über dem design" einfügst, hast du den Effekt auf jeder Seite, wenn du ihn unter "Eigene Seiten editieren" im Quelltext der entsprechenden seite einfügst, nur auf dieser.
Hoffe das war jezt verständlicher. ______________
|
|
↑
|
|
|
|
07.11.2010 um 20:25 (UTC) Titel: |
|
|
the-fun-factory hat Folgendes geschrieben: leute, so schwer ist das doch wohl nicht.
sssssssssso , hier ist jetzt der geänderte Code mit meiner Bildadresse
....uuuuuuuuund es geht eben trotzdem nicht
Zitat: <script type="text/javascript">
var no = 15; // Anzahl der Schneeflocken
var speed = 20; // "Schnei-Geschwindigkeit"; je kleiner die Zahl, um so schneller fallen die Flocken
var snowflake = "http://img.webme.com/pic/w/weihnacht-im-netz/snow2.gif"; // Bild der Schneeflocke, beliebig
// ***** Ab hier nichts mehr ändern! ********************
var ns4up = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4") ? 1 : 0; // Browser Tester
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
var dx, xp, yp; // Variablen für Koordinaten und Position
var am, stx, sty; //Variablen für Amplitude und Schrittweite
var i, doc_width = 800, doc_height = 100;
if (ns4up||ns6up) { // Bildschirm-Auflösung holen, Netscape-Funktion
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) { // Bildschirm-Auflösung holen, Internet Explorer-Funktion
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
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; // Koordinaten-Variable setzen
xp[i] = Math.random()*(doc_width-50); // Position-Variable setzen
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // Amplituden-Variable setzten
stx[i] = 0.02 + Math.random()/10; // Variable für Schrittweite setzen
sty[i] = 0.7 + Math.random(); // Variable für Schrittweite setzen
// ----------------------------------------------------------------------
// Layer konfigurieren für Netscape
if (ns4up) {
if (i == 0) {
document.write("<layer name="dot"+ i +"" left="15" ");
document.write("top="15" visibility="show"><img src="");
document.write(snowflake + "" border="0"></layer>");
} else {
document.write("<layer name="dot"+ i +"" left="15" ");
document.write("top="15" visibility="show"><img src="");
document.write(snowflake + "" border="0"></layer>");
}
// ----------------------------------------------------------------------
// Layer konfigurieren für <> NS4
} else if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id="dot"+ 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="dot"+ 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>");
}
}
}
// ----------------------------------------------------------------------
// Haupt-Animations-Funktion für Netscape
function snowNS() {
for (i = 0; i < no; ++ i) {
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();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
// ----------------------------------------------------------------------
// Haupt-Animations-Funktion für Internet Explorer
function snowIE() {
for (i = 0; i < no; ++ i) {
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();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
// Haupt-Animations-Funktion für Netscape6 und Mozilla
function snowNS6() {
for (i = 0; i < no; ++ i) {
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();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top = yp[i]+"px";
document.getElementById("dot"+i).style.left = xp[i] + am[i]*Math.sin(dx[i])+"px";
}
setTimeout("snowNS6()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}else if (ns6up) {
snowNS6();
}
</script> |
|
↑
|
|
|
|
16.11.2010 um 22:56 (UTC) Titel: |
|
|
[erledigt] vielen Dank an pokemonshow ______________ MfG aus dem Weihnachtsland
|
|
↑
|
|
|
|