Schneeflocken auf der Startseite

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Antworten
ExtremTobi

Schneeflocken auf der Startseite

Beitrag von ExtremTobi »

Hallo,
Ich möchte das auf der Startseite meines Forum Schneeflocken fallen.
Ich habe folgende Script gefunden: http://www.schloebe.de/scripts/schnee-script/
Wie kann ich das nun machen das die Schneeflocken nur auf der Startseite fallen?

Grüße
ExtremTobi
Benutzeravatar
redbull254
Ehemaliges Teammitglied
Beiträge: 10379
Registriert: 05.01.2006 13:01
Kontaktdaten:

Re: Schneeflocken auf der Startseite

Beitrag von redbull254 »

Hallo erstmal,

vielleicht nur in die index_body.html einbinden?

Guck mal in die Mod-Datenbank auf phpbb.com, dazu gibt es auch eine Mod. ;-)
Vielleicht kann man da mehr einstellen.
Beste Grüße
Walter
Benutzeravatar
franki
Ehemaliges Teammitglied
Beiträge: 2823
Registriert: 21.10.2007 14:02
Wohnort: Sonsbeck
Kontaktdaten:

Re: Schneeflocken auf der Startseite

Beitrag von franki »

Hallo ExtremTobi

Ich habe da noch eine alte Anleitung die aber funktionieren sollte
Overall_header.html
Suchen

</head>

Davor einfügen

<script type="text/javascript" src="snow.js"></script>
<script type="text/javascript" >
function snow()
{
Falling(20,"<img src='images/snow.gif' alt='' />");
}
</script>

Suchen

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

In die Zeile nach -{SCRIPT_NAME} {S_CONTENT_DIRECTION}" einfügen

onload="snow()"

(vor dem onload ist ein Leerzeichen)
Die Datei snow.js ins ROOT-Verzeichniss kopieren
Und die snow.gif nach ROOT/images/ kopieren
*EDIT
Da du den Schneefall nur auf der Startseite haben möchtest solltest Du erst einmal den Vorschlag von redbull versuchen.
LG Franki
ExtremTobi

Re: Schneeflocken auf der Startseite

Beitrag von ExtremTobi »

redbull254 hat geschrieben:Hallo erstmal,

vielleicht nur in die index_body.html einbinden?

Guck mal in die Mod-Datenbank auf phpbb.com, dazu gibt es auch eine Mod. ;-)
Vielleicht kann man da mehr einstellen.
Edit: hat alles geklappt :grin:

Edit:

Wie kann ich einstellen das die Schneeflocken nicht so weit nach rechts fliegen und weiter nach unten?

Code: Alles auswählen

<!--
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.forum-hausaufgaben.de/snow/snow5.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();
}
// End -->
ExtremTobi

Re: Schneeflocken auf der Startseite

Beitrag von ExtremTobi »

Weiß niemand eine Lösung?

Ich will ja nur das die Schneeflocken nicht so weit nach rechts fliegen denn sonst kommt ständig die "Bildlaufleiste waagerecht".

Bild: http://www.bilderhost.com/images/45dnw7 ... tlbuju.jpg
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“