Probleme mit Wordpress und Schneefall (schnee.js)
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
anfang
blocken
code
datei
entsprechen
fachkreis
falsch mache
funktionieren
garnichts
glauben
http
navigation
problem
schneefall
schneeflocke
tag
technik
version
versprechen
zeile
-
Hallo Leute ich habe zwei tag/problem">Probleme.
1. Wenn ich den Javascript Code Extern oder intern in die Html-Datei einfüge geht erst Garnichts erst wenn ich den <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
so anbringe:
Ich sage schon mal danke in voraus.< ! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> aber dann sieht man die Zeile im Browser und das ist sehr unschön. Mein 2. Problem ist das ich nicht weis wie und wo ich denn JavaScript Code einfügen muss oder wie ich die Datei mit Wordpress Verbinde. Ich habe mal die JavaScript-Datei hier eingefügt Vielleicht ist es ein JavaScript Fehler nur ich finde diesen nicht. <script type='text/javascript'> var no = 18; // Anzahl der Schneeflocken var speed = 25; // Geschwindigkeit -> je kleiner die Zahl, desto schneller var snowflake = "snow.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>
Gruß: S.schubert
Beitrag zuletzt geändert: 5.12.2010 20:02:10 von cbhp -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Moin,
komplett falsches Forum und deshalb verschoben.
EDIT:
Okay, da meine vorgenommene Verschiebung nicht funktioniert, bleibt der Thread hier bis er verschoben wurde.
Gruß,
Pawnee
Beitrag zuletzt geändert: 5.12.2010 18:26:59 von pawnee -
1. Füge dein Javascript direkt vor der Zeile </head> ein.
2. Füge ausschließlich den Teil von <!-- präsentiert von kostenlose-javascripts.de --> bis einschließlich </script> ein.
3 Entferne am Anfang deiner Datei den Block:
< ! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Alternative: Laß das mit dem Schneefall, der wirkt auf einer Seite mit weißem Hintergrund eh nicht sonderlich spektakulär und wird von den meisten Usern allemal nicht positiv aufgenommen.
FF
Beitrag zuletzt geändert: 5.12.2010 18:59:29 von fatfreddy -
"Nicht positiv aufgenommen"
ist sehr schmeickelhaft ausgedrückt.
Ich glaube das war vor 8 Jahren modern und beliebt, damals als es auch die Javabildchen mit der Wasserspiegelung gab.
Heut zu Tage ist das in Fachkreisen (...und nicht nur da) ein absolutes NoGo...
Javabildchen und Schneefall.
Gruß Tom
Beitrag zuletzt geändert: 5.12.2010 22:28:28 von tom-moeller -
Also das hat leider immer noch nicht so funktioniert weis nicht was ich falsch mache.
Ich wollte das nur für Testzwecke machen, nun logisch mit Weisen Hintergrund passt nicht ganz aber die Technik sollte erstmal Funktionieren, bevor ich das Schwarze in Weihnachtlichen rot mache un das Weiße in Schwarz mit einen netten Weihnachtsmann.
Ich hatte eben Ausprobiert denn Code in home.php für die Hauptseite und ich habe es in der Datei page.php hinein kopiert für die anderen Seiten. Leider verschiebt sich dann ein Bisschen die Navigation oben im bereich wo die Seiten Links sind weis nicht wo ich das dem entsprechen anpassen kann.
Ich bin auch hoffen für ausweich Techniken die das gleiche bewirken.
Wo ich diesen Thread schrieb habe ich leider erst später mitbekommen das ich ihn im Falschen Forum geschrieben hatte leider kann man ihn dann nicht manuell Verschieben selber.
Gruß; S.Schubert
Beitrag zuletzt geändert: 6.12.2010 6:57:34 von hsa-kurs-bs -
Meine Antwort hast Du gelesen, verstanden und genau wie beschrieben ausprobiert? Dann hätte es funktionieren sollen.
FF -
Hallo, kann dir leider mit dem Java- Problem nicht helfen. Auf meiner Wordpress Seite verwende ich auch ein Schneeflocken Plugin, es funktioniert mit WP 3.0.1 und älteren Versionen.
Es heißt let it snow vom Autor Aen Tan. Falls nichts leuft könntest du es damit noch versuchen. Die Pluginseite ist etwas down, müsstest danach googeln :)
Kann aber nicht versprechen, dass es klappt, wenn du ein generelles Problem mit Java hast.
Beitrag zuletzt geändert: 6.12.2010 11:35:25 von pixilab -
Das einbinden des JavaScript Code habe ich Teilweise hinbekommen nur das Problem ist wie man sehen kann ist das sich die Navigation Verkleinert nach dem Einfügen des Codes, da wo der Blog Name steht hsa-kurs-bs.lima-city.de und darunter steht Schule und Informatik News sollte der Schwarze linke und rechte bereich bis zum Anfang Schwarz sein.
Nur ich bekomme das nicht hin und weis auch nicht wie, in der style.css Datei habe ich schon einiges Versucht doch leider Vergebens.
Neben bei habe ich bemerkt das sich der Scrollbalken vollautomatisch nach oben oder nach unten Verschiebt immer gegen die Richtung in der man selber Scrollt.
Gruß: S.Schubert
Beitrag zuletzt geändert: 7.12.2010 10:24:27 von hsa-kurs-bs -
Du, ich glaube @fatfreddy hat da recht,
Dieses "< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">" im <body> Tag hat da nichts zu suchen.
Wenn, dann muss das über dem <html> tag stehen. Das wird bei dir als normaler Text erkannt und in der ersten Zeile auch dargestellt, merkst du , wenn du die oberste Zeile mit der Maus markierst. lösch die einfach, dann ist die zusätzliche Zeile nicht mehr zu sehen :)
Nicht permanenten Modifikationen der Template sollte man allgemein über die Pluginverwaltung machen, da erspart man sich viel Arbeit.
Beitrag zuletzt geändert: 7.12.2010 11:34:21 von pixilab -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
