Registrieren  •  Login 
  
 
im Forum


 FAQ   Mitgliederliste   Benutzergruppen   Teamseite   Suchen 

Schneeflocken

 
Neues Thema eröffnen   Neue Antwort erstellen
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
rami
Mitglied
Mitglied



Anmeldedatum: 07.10.2006
Geschlecht: Männlich
Beiträge: 759

BeitragVerfasst am: 23.12.2006, 22:28    Titel: Schneeflocken

Wie kann ich Schneeflocken in ein Forum einbinden?
Nach oben
Benutzer-Profile anzeigen rami ist derzeit offline Spielerprofile bei SC:Special Bewerben anzeigen Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen
fanrpg
Mitglied
Mitglied



Anmeldedatum: 14.12.2006
Geschlecht: Keine Angabe
Beiträge: 126
Wohnort: Windeck

BeitragVerfasst am: 23.12.2006, 22:32    Titel:

per JS
Nach oben
Benutzer-Profile anzeigen fanrpg ist derzeit offline Private Nachricht senden Website dieses Benutzers besuchen
rami
Mitglied
Mitglied



Anmeldedatum: 07.10.2006
Geschlecht: Männlich
Beiträge: 759

BeitragVerfasst am: 23.12.2006, 22:54    Titel:

na toll, und kennt jemand den code?
Nach oben
Benutzer-Profile anzeigen rami ist derzeit offline Spielerprofile bei SC:Special Bewerben anzeigen Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen
thoha
Übersetzer
Übersetzer



Anmeldedatum: 07.10.2006
Geschlecht: Männlich
Beiträge: 2591

BeitragVerfasst am: 23.12.2006, 22:57    Titel:

Code:
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Original: Altan (snow@altan.hr) -->
var no = 14; // snow number
var speed = 5; // smaller number moves the snow faster
var snowflake = "snow.gif";

var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
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; // 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 (ns4up) { // set layers
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>");
}
} else if (ie4up) {
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>");
}
}
}
function snowNS() { // Netscape 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();
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);
}
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();
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);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// End -->
</script>


und als Anhang noch die snow.gif
Nach oben
Benutzer-Profile anzeigen thoha ist derzeit offline Spielerprofile bei SC:Special Bewerben anzeigen Private Nachricht senden
rami
Mitglied
Mitglied



Anmeldedatum: 07.10.2006
Geschlecht: Männlich
Beiträge: 759

BeitragVerfasst am: 24.12.2006, 09:36    Titel:

Danke!
Nach oben
Benutzer-Profile anzeigen rami ist derzeit offline Spielerprofile bei SC:Special Bewerben anzeigen Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen
rami
Mitglied
Mitglied



Anmeldedatum: 07.10.2006
Geschlecht: Männlich
Beiträge: 759

BeitragVerfasst am: 24.12.2006, 09:40    Titel:

Ich habe das jetzt in die overall_head.tpl aingebaut, aber es tut sich nichts. wo muss der code hin?
Nach oben
Benutzer-Profile anzeigen rami ist derzeit offline Spielerprofile bei SC:Special Bewerben anzeigen Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen
fanrpg
Mitglied
Mitglied



Anmeldedatum: 14.12.2006
Geschlecht: Keine Angabe
Beiträge: 126
Wohnort: Windeck

BeitragVerfasst am: 24.12.2006, 10:22    Titel:

vor </head>
Nach oben
Benutzer-Profile anzeigen fanrpg ist derzeit offline Private Nachricht senden Website dieses Benutzers besuchen
rami
Mitglied
Mitglied



Anmeldedatum: 07.10.2006
Geschlecht: Männlich
Beiträge: 759

BeitragVerfasst am: 24.12.2006, 13:00    Titel:

achso. meine ergebnisse:

Code im header: Die Flocken fliegen über die halbe Seite
Code im Header und Footer: Die Flocken stehen starr in der Gegend.

Ich versuchs jetzt mal im head-element


Edit:
Im Head-Element der overall_header: nichts
Im Body-Element der overall_header: Es schneit auf der oberen Hälfte.
siehe http://abi2013.ab.ohost.de/forum/

Änderungsgrund von rami: siehe deit im beitrag

Dieser Beitrag wurde insgesamt 1 mal geändert. Zuletzt von rami.
Nach oben
Benutzer-Profile anzeigen rami ist derzeit offline Spielerprofile bei SC:Special Bewerben anzeigen Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen
killerbees19
Administrator & Rennleitung
Administrator & Rennleitung



OC-Nickname: KB19
Südafrika Team South Africa

Anmeldedatum: 09.05.2006
Geschlecht: Männlich
Alter: 29 Jahre
Beiträge: 13720
Wohnort: Wien

BeitragVerfasst am: 24.12.2006, 14:55    Titel:

Verwende mal mein Schneeflockenscript Wink

Um zu testen ob es funktioniert (musst es ja nicht gleich komplett einbauen) schreibe einfach folgendes nach dem <BODY> in die Datei, also unbedingt im BODY-Bereich!!!

Code:
<script src="http://www.happytec.at/js/snow1.php" language="JavaScript" type="text/JavaScript"></script>


Wenn s einwandfrei funktioniert kannst es ja komplett kopieren, das erkläre ich dir dann noch Wink


MfG Christian
_________________
SC:Banner

Dieser Beitrag wurde insgesamt 2 mal geändert. Zuletzt von killerbees19.
Nach oben
Benutzer-Profile anzeigen killerbees19 ist derzeit offline Spielerprofile bei SC:Special Bewerben anzeigen Private Nachricht senden Website dieses Benutzers besuchen
rami
Mitglied
Mitglied



Anmeldedatum: 07.10.2006
Geschlecht: Männlich
Beiträge: 759

BeitragVerfasst am: 24.12.2006, 22:27    Titel:

super.
Nach oben
Benutzer-Profile anzeigen rami ist derzeit offline Spielerprofile bei SC:Special Bewerben anzeigen Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen
killerbees19
Administrator & Rennleitung
Administrator & Rennleitung



OC-Nickname: KB19
Südafrika Team South Africa

Anmeldedatum: 09.05.2006
Geschlecht: Männlich
Alter: 29 Jahre
Beiträge: 13720
Wohnort: Wien

BeitragVerfasst am: 25.12.2006, 12:04    Titel:

Funktionierts?

Wenn ja, dann schreibe jetzt statt dem vorherigen Code folgendes an diese Stelle:
Code:
<script type="text/javascript">
<!--
var no = 18; //Anzahl der schneeflocken
var tempo=50 //geschwindigkeit mit der die Flocken fallen
var schritt=1 //schrittweite  mit der die Flocken fallen
//alle bilder müssen gleich groß sein
bilder=new Array("http://www.happytec.at/js/snow1.gif","http://www.happytec.at/js/snow2.gif","http://www.happytec.at/js/snow3.gif")//kannst du beliebig erweitern

//hoehe und breite der Bilder angeben !!!!!!!!
bildbreite=33
bildhoehe=33

//Browserabfrage
var ns4 = (document.layers) ? 1 : 0;
var ie4 = (document.all) ? 1 : 0;
var ns6 = (document.getElementById&&!document.all) ? 1 : 0;
var pos_ko
if (ns4||ns6)
 {
//hoehe und Breite des Browserfensterns innen
browserbreite = parseInt(self.innerWidth)
browserhoehe = parseInt(self.innerHeight)
}
else if (ie4)
 {
//hoehe und Breite des Browserfensterns innen
browserbreite = parseInt(document.body.clientWidth)
browserhoehe = parseInt(document.body.clientHeight)
}
pos_ko=new Array()

//schleife zum füllen und erstellen der Flockenfelder
for (i = 0; i < no; ++ i)
{
//zufälliges Bild zuweisen
snowsrc=bilder[Math.floor(Math.random()*bilder.length)]
if(ns4)
document.write("<layer name=\"flocke"+ i +"\" TOP=\"15\" LEFT=\"15px\";><img src='"+snowsrc+"' border=\"0\"></layer>");

else
document.write("<div id=\"flocke"+ i +"\" style=\"POSITION:absolute;Z-INDEX:"+ i +";VISIBILITY:visible;TOP:15px; LEFT:15px;\"><img src='"+snowsrc+"' border=\"0\"></div>");
init()

}
//initialisieren der positionswerte und schritte
//function wird beim Start der Seite aufgerufen und bei Größenänderungen
function init()
{
pos_ko[i]=new Array()
pos_ko[i][0] = 0; // Anfangsposition innerhalb der amplitude
pos_ko[i][1] = Math.random()*(browserbreite-bildbreite); //horizontale Anfangsposition der Flocke
pos_ko[i][2] = Math.random()*(browserhoehe-bildhoehe); //Vertikale Anfangsposition der Flocke
pos_ko[i][3] = Math.random()*20; // bestimmt die breite der Amplitude
pos_ko[i][4] =0.02+ Math.random()/10; // Bewegung innerhalb der Amplitude
pos_ko[i][5] = schritt + Math.random(); // bewegung der Flocke nach unten
}

function schneefall()
 {
 
//scrollpositionen dazuaddieren
addposy=0
addposx=0
if(document.all)
{
addposy=parseInt(document.body.scrollTop)
addposx=parseInt(document.body.scrollLeft)
}
else
{
addposy=parseInt(window.pageYOffset);
addposx=parseInt(window.pageXOffset);
}
//neue Position für jede Flocke
for (i = 0; i < no; ++ i)
 {
pos_ko[i][2] += pos_ko[i][5];
//maximale Browserhoehe erreicht
//Flocke neu Positionieren am oberen Rand
if (pos_ko[i][2] > browserhoehe-bildhoehe)
 {
pos_ko[i][1] = Math.random()*(browserbreite-pos_ko[i][3]-(bildbreite/2));
pos_ko[i][2] = 0
pos_ko[i][4] =0.02+ Math.random()/10;
pos_ko[i][5] =schritt + Math.random();
}
pos_ko[i][0] += pos_ko[i][4];
if (ie4)
{
document.all["flocke"+i].style.pixelTop = pos_ko[i][2]+addposy;
document.all["flocke"+i].style.pixelLeft = pos_ko[i][1] + pos_ko[i][3]*Math.sin(pos_ko[i][0])+addposx;
if(browserbreite!=parseInt(document.body.clientWidth)|| browserhoehe!=parseInt(document.body.clientHeight))
{
//browser in Größe verändert?
//werte anpassen und neu initialisieren
browserbreite=parseInt(document.body.clientWidth)
browserhoehe=parseInt(document.body.clientHeight)
init()
}
}
else if (ns6)
{
//browser in Größe verändert?
//werte anpassen und neu initialisieren
document.getElementById("flocke"+i).style.top=pos_ko[i][2]+addposy;
document.getElementById("flocke"+i).style.left=pos_ko[i][1] + pos_ko[i][3]*Math.sin(pos_ko[i][0])+addposx;
browserbreite=parseInt(window.innerWidth)
browserhoehe=parseInt(window.innerHeight)

}
else if(ns4)
{
//browser in Größe verändert?
//werte anpassen und neu initialisieren
document.layers["flocke"+i].top=pos_ko[i][2]+addposy;
document.layers["flocke"+i].left=pos_ko[i][1] + pos_ko[i][3]*Math.sin(pos_ko[i][0])+addposx;
browserbreite=parseInt(window.innerWidth)
browserhoehe=parseInt(window.innerHeight)
}
}
//function ruft sich selber nach vorgegebener Zeit wieder auf
schneetimer=setTimeout("schneefall()", tempo);
}
// anzeige initialisieren
init()
//schneefall starten
schneefall();
//-->
</script>


Nun musst du nur noch diese Zeile anpassen, hier musst du den Pfad zu den Schneeflockenbildern angeben. Das beste: Du kannst nicht nur ein Bild verwenden, sondern auch 3 oder 5, ich habe 3 verwendet:
Code:
bilder=new Array("http://www.happytec.at/js/snow1.gif","http://www.happytec.at/js/snow2.gif","http://www.happytec.at/js/snow3.gif")//kannst du beliebig erweitern


Die drei Bilder findest du hier, speichere sie einfach auf deinem Webspace:
https://www.happytec.at/js/snow1.gif
https://www.happytec.at/js/snow2.gif
https://www.happytec.at/js/snow3.gif

Das Script findest du auf Arrow www.wschwartz.de - die PHP-Scripte von dort würde ich allerdings nicht verwenden Laughing


MfG Christian
_________________
SC:Banner
Nach oben
Benutzer-Profile anzeigen killerbees19 ist derzeit offline Spielerprofile bei SC:Special Bewerben anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Verschoben: 25.12.2006, 12:05 Uhr von killerbees19
Von phpBB 2.0.x nach Andere Programmiersprachen
rami
Mitglied
Mitglied



Anmeldedatum: 07.10.2006
Geschlecht: Männlich
Beiträge: 759

BeitragVerfasst am: 25.12.2006, 12:33    Titel:

danj. werde mich morgen mal dransetzen.
Nach oben
Benutzer-Profile anzeigen rami ist derzeit offline Spielerprofile bei SC:Special Bewerben anzeigen Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen
rami
Mitglied
Mitglied



Anmeldedatum: 07.10.2006
Geschlecht: Männlich
Beiträge: 759

BeitragVerfasst am: 25.12.2006, 17:02    Titel:

schon fertig. vielen dank nochmals.
Nach oben
Benutzer-Profile anzeigen rami ist derzeit offline Spielerprofile bei SC:Special Bewerben anzeigen Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen
killerbees19
Administrator & Rennleitung
Administrator & Rennleitung



OC-Nickname: KB19
Südafrika Team South Africa

Anmeldedatum: 09.05.2006
Geschlecht: Männlich
Alter: 29 Jahre
Beiträge: 13720
Wohnort: Wien

BeitragVerfasst am: 25.12.2006, 17:06    Titel:

rami hat Folgendes geschrieben:
schon fertig. vielen dank nochmals.

Viel Spaß damit.

Wie du sicher gesehen hast, kann man die Geschwinigkeit der Schneeflocken einstellen. In meinem Beispiel sind sie auf eine gute Geschwidnigkeit gestellt, so dass sie selbst auf langsameren PC's flüssig laufen Wink


MfG Christian
_________________
SC:Banner
Nach oben
Benutzer-Profile anzeigen killerbees19 ist derzeit offline Spielerprofile bei SC:Special Bewerben anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht teilnehmen.
Du kannst Dateien in diesem Forum nicht hochladen.
Du kannst Dateien in diesem Forum nicht herunterladen.

 

Alle Zeiten sind GMT + 1 Stunde
Aktuelles Datum und Uhrzeit: 21.02.2020, 12:26
Nach oben
Valid HTML 4.01 Transitional
Valid CSS!
Software based on work from the phpBB-Group  •  Deutsche Übersetzung von phpBB.de

netcup - Internetdienstleistungen
 
 
[ happytec.at | forum.happytec.at | blog.happytec.at | esports.happytec.at | event.happytec.at ]