Antworten: 21
|
|||
Dafoxx King for a day Beiträge: 244 |
# Thema - 17.04.2009 um 03:03 Uhr
hallo mal wieder! neuer monat, neuer clan, neue hp. link bringt zwar nix, da das template noch GARNICHT fertig is, aber hier is er: http://vov.1free.ws/ die hp is wieder für einen wc3 clan. jetzt die frage: wer wc3 kennt, der kennt sicher auch den startbildschirm: da schneits im hintergrund. wers nicht kennt: da schneits im hintergrund. (hab mal n screen gemacht... http://img2.imageshack.us/img2/8482/asdfssqqq.png und dann kommt n menue drüber.. sieht dann so aus: http://img58.imageshack.us/img58/6792/asdfssqqqaaa.png und so ungefähr will ichs haben ^^ natürlich vor einfarbigem hintergrund...... man will ja nix bahnbrechendes ins leben rufen^^) jetzt die frage: kann mir wer sagen ob ich mit javascript n background erstellen kann (color=#9D9EB4) und halt schneeflocken davor (bitte KEINE kitschigen, davon hab ich schon genug gefunden aber da ich kein peil von js hab.....) (schneeflocken = kleine unscharfe weisse punkte.... möglichst in verschieden gössen ). falls das net geht bitte ich um ne erklärung, immerhin will ich mich bilden ausweichmöglichkeit wäre denk ich ein .gif bild.... nur hab ich da auch keinen peil wie ich sowas konfortabel erstelle, falls wer n tipp hat der nicht auf "erstell 20 bilder die zusammenpassen und schneid sie mit [namen von dem windows-tool hab ich vergessen, aber ich habs irgendwo] oder gimp zusammen" rauslaufen.... edit: achja: und wie ich im falle von javascript das ins template einbaue... einfach <div style="background:JAVASCRIPT"> oder was? thx schonmal im vorraus! (und sry dass ich so viel verlange....) greez, fox ps: about wird wie immer eingearbeitet, so wie auf clanji.de.vu, meiner baldigen ex-hp ;D greez Zuletzt editiert von Dafoxx am 17.04.2009 um 17:35 Uhr (4x Editiert)
|
||
Inaktiv |
|
||
unsource Beginner Beiträge: 19 |
# Antwort: 1 - 17.04.2009 um 11:52 Uhr
nehmen wir mal an du hast das folgende script für die Schneeflocken: http://www.kostenlose-javascripts.de/javascripts/verschiedenes/schneeflocken-mit -bildern.html jetzt kannst du dies mit css vor deiner hintergrundfarbe #9D9EB4 stellen und davor den content Für dein gif-bild erstellst du einen weißen punkt, welcher einen abgerundet oder einen weichen Verlauf am Rand hat. Schichtschema:
Ps. Die Idee das die Schneeflocken nicht vor dem Content sind find ich gut und weniger störend. |
||
Inaktiv |
|||
palle Supporter Beiträge: 3073 |
# Antwort: 2 - 17.04.2009 um 12:32 Uhr
schnee im sommer! ich weiss das der schnee in wow anders aussieht = evtl. hat ja jemand etwas stürmigeres was von der seite kommt ;> ------------------ I like the part where it says 'nyan' |
||
Inaktiv |
|||
Dafoxx Thread-Ersteller King for a day Beiträge: 244 |
# Antwort: 3 - 17.04.2009 um 16:52 Uhr
mach einfach n weisses bild davor und behaupte es wärn schneesturm (in dem script kann man doch irgendwo die anzahl der flocken variieren, ich arbeite mich da grad durch... wenn ich was finde poste ich das ) edit: also selbst bei 50 flocken und max speed siehts immernoch eher feierlich als stürmisch aus. fazit: kein script für wow (zumindest nich dieses ) also für mich is das script perfekt. nur bisher hab ich noch niw as mit js gemacht... wie füge ich das jez in die css ein? einfach .alles{ align:center; background:url('pics/bg.png'); overflow: hidden; [hier der javatext] } oder wie? (.alles is die classe vom dem div um alles drum ) edit: also ich habs bis jez nur geschafft das script über alles zu kloppen. als hintergrund schaff ichs net :S kann mir wer erklären wie ich das mach? achja: im script ist ein sicherheits-dings-bums eingebaut. man muss oben "schneeflocken für deine homepage" stehen haben damit der funzt. nervt mich. ich hab nix dagegen uz verlinken und quellenangaben zu machen, aber da oben siehts echt b-schissen aus. irgendwer ne idee wie ich das wegbekomme, ohn das script opfern zu müssen? www.vov.1free.ws greez edit: das mit dem css einfügen hab ich net gerafft. das ist doch n script zum direkt in html einfügen oder? wie reduizier ich das, damit es als eigenschaft in die css passt? Zuletzt editiert von Dafoxx am 17.04.2009 um 17:35 Uhr (2x Editiert) |
||
Inaktiv |
|||
Dafoxx Thread-Ersteller King for a day Beiträge: 244 |
# Antwort: 4 - 20.04.2009 um 19:11 Uhr
keiner ne idee wie man das hinbekommt? |
||
Inaktiv |
|||
scennative Poststar Beiträge: 640 |
# Antwort: 5 - 20.04.2009 um 19:44 Uhr
Mal ne andere Frage. Gibt das auch als Regen? Wenn ja kann mir mal wer denn link geben? Google findet nichts. Danke B2t |
||
Inaktiv |
|||
Dafoxx Thread-Ersteller King for a day Beiträge: 244 |
# Antwort: 6 - 20.04.2009 um 20:08 Uhr
-.- regen geht auch einfachher als mit jscript. http://www.psd-tutorials.de/modules.php?name=News&file=article&sid=307 aber zu meiner frage hat keiner nen tip oder? |
||
Inaktiv |
|||
Marckrele Try to beat me Herkunft: H-U Beiträge: 180 |
# Antwort: 7 - 20.04.2009 um 20:25 Uhr
es gab hier iwo einen thread mit einem schnee-script, welches auch schneegestöber von der seite drin hat. Jedoch hab ich gerade kp, ob der am unteren Rand bleibende Schnee auch wegzumachen ist. *thread 8720 Hab soweit ich weiß Mahoos script-link genutzt. Wenn du ne Vorschau haben willst, hab noch ne test-seite, wo ich ein template mit dem schnee habe. Meld dich dann. ------------------ Ohne Ordnung wird jedes Universum im Chaos verglühen, und ohne Chaos wird jedes Universum in Ordnung erstarren. Sind sie nicht aufeinander angewiesen? Ruumaytron PR Nr. 2382 |
||
Inaktiv |
|||
Dafoxx Thread-Ersteller King for a day Beiträge: 244 |
# Antwort: 8 - 20.04.2009 um 20:47 Uhr
danke. aber es mangelt mir nicht an einem script, sondern an der möglichkeit das script so einzubauen, dass es nicht stört und NUR den hintergrund beeinflusst. wenn du ne testseite hast auf der genau dass der fall ist: her damit und ignorier den text oben. dein dank sei dir gewiss. falls nicht: hast du ne ahnung wie ich das #?!†ᇗ script auf den background beschränken kann? greez, fox |
||
Inaktiv |
|||
SCHIRI Weltmeister Herkunft: Hamburg Beiträge: 5299 |
# Antwort: 9 - 20.04.2009 um 20:55 Uhr
wenns nur im background sein soll schlage ich vor eine animierte 100*100px .gif-kachel zu erstellen auf der die schneeflocken rumfliegen und das dann als hintergrund der seite zu benutzen. ------------------ www.laszlokorte.de |
||
Inaktiv |
|||
Dafoxx Thread-Ersteller King for a day Beiträge: 244 |
# Antwort: 10 - 20.04.2009 um 21:10 Uhr
ne ahnung was das für ne arbeit is? :X naja geht ja wohl nicht anders. falls doch wieder erwarten irgendwer ne idee hat... ich bin dafür zu haben. hab erstmal keinen bock if bilder zu erstellen die a) aufeinander abgestimmt sind b) gut aussehen und wie gesagt: ausweichmöglichkeit wäre denk ich ein .gif bild.... nur hab ich da auch keinen peil wie ich sowas konfortabel erstelle, falls wer n tipp hat der nicht auf "erstell 20 bilder die zusammenpassen und schneid sie mit [namen von dem windows-tool hab ich vergessen, aber ich habs irgendwo] oder gimp zusammen" rauslaufen.... wollts nur mal - nein warte: ich habs ja schon gesagt^^ greez |
||
Inaktiv |
|||
Marckrele Try to beat me Herkunft: H-U Beiträge: 180 |
# Antwort: 11 - 20.04.2009 um 21:16 Uhr
hab auch bloß schiris Möglichkeit beim googlen gefunden, sry Dafoxx. Stelle mir gerade die Abstimmung sauschwer vor. Wie sich das auf Ladezeiten auswirkt will ich auch gar nicht mal wissen ^^ ------------------ Ohne Ordnung wird jedes Universum im Chaos verglühen, und ohne Chaos wird jedes Universum in Ordnung erstarren. Sind sie nicht aufeinander angewiesen? Ruumaytron PR Nr. 2382 |
||
Inaktiv |
|||
unsource Beginner Beiträge: 19 |
# Antwort: 12 - 20.04.2009 um 21:50 Uhr
sorry aber hast du dich mal mit meinem geposteten Script auseinander gesetzt? http://rafb.net/p/5Gw6PD19.html Hab den speed über sty[i] = 0.7 + Math.random(); ersetzt durch sty[i] = 6.7 + Math.random(); beschleunigt. so sollte es ehr nach einem wirbelsturm aussehen. Die schneeflocken bekommst ja hin Das wichtige ist halt nur der paramter z-index der muss höher als die Gesamtzahl alle Flocken sein. |
||
Inaktiv |
|||
Dafoxx Thread-Ersteller King for a day Beiträge: 244 |
# Antwort: 13 - 20.04.2009 um 23:42 Uhr
sorry aber hast du dich mal mit meinem geposteten Script auseinander gesetzt? noch einer der nicht versteht was mein problem ist? das problem ist NICHT DAS SCRIPT! sonder wie ich das script so einbinde, dass es NICHT über die ganze seite schneitt und mich, meine freunde und jeden anderen der die seite besucht nervt. sprich: (warte wo hatte ichs nochmal geschrieben? ah da: ) also ich habs bis jez nur geschafft das script über alles zu kloppen. als hintergrund schaff ichs net :S kann mir wer erklären wie ich das mach? thx. looking foreward to some usefull information. achja... da hatte ichs auch nochmal geschrieben...: danke. aber es mangelt mir nicht an einem script, sondern an der möglichkeit das script so einzubauen, dass es nicht stört und NUR den hintergrund beeinflusst. wenn du ne testseite hast auf der genau dass der fall ist: her damit und ignorier den text oben. dein dank sei dir gewiss. falls nicht: hast du ne ahnung wie ich das #?!†ᇗ script auf den background beschränken kann? greez, fox |
||
Inaktiv |
|||
unsource Beginner Beiträge: 19 |
# Antwort: 14 - 21.04.2009 um 18:25 Uhr
sorry aber also ich habs bis jez nur geschafft das script über alles zu kloppen. als hintergrund schaff ichs net :S kann mir wer erklären wie ich das mach? da habe ich den gesamten hintegrund verstanden. |
||
Inaktiv |
|||
Dafoxx Thread-Ersteller King for a day Beiträge: 244 |
# Antwort: 15 - 21.04.2009 um 18:35 Uhr
nein. es geht darum dass das js NUR den hintergrund betrifft. also qwasi NUR ein bild (würde fürn anfang reichen.). und ich meine mit hintergrund nicht den body, sondern das bild, dass sich hinter den ganzen divs nach unten zieht um einen flüssiges hpbild zu gewähren. so, dass das script NICHT über die schrift, die schoutbox etc drübergeht, was ich als störend empfinde.... greez |
||
Inaktiv |
|||
unsource Beginner Beiträge: 19 |
# Antwort: 16 - 21.04.2009 um 19:49 Uhr
so, dass das script NICHT über die schrift, die schoutbox etc drübergeht, was ich als störend empfinde.... Das habe ich in meiner lösung gelöst xD ich schau gleich mach nach deiner anderen frage EDIT: Wenn du das Main-Div position:absolute setzt, doc_width entsprechend anpasst hast du auf der seite keinen schnee mehr. Zuletzt editiert von unsource am 21.04.2009 um 20:02 Uhr (1x Editiert) |
||
Inaktiv |
|||
Dafoxx Thread-Ersteller King for a day Beiträge: 244 |
# Antwort: 17 - 22.04.2009 um 20:39 Uhr
könntest du konkreter werden? anscheinend habe ich bei deinen posts irgendwas gravierend falsch verstanden.. deswegen sorry wegen der anmache ich war iwie schlecht drauf wenn du mir (order irgendwer anders) nen grossen gefallen tun willst: kannst du hier die stelle markieren, in der das script rein muss? bzw wo genau die änderungen rein sollen? hab mir deine posts nochmal durchgelesen, aber mir fehlt der durchblick.. was genau muss ich im script verändern? doc_height = 1100;? hier mal der html-text: mehr...
greez^^ |
||
Inaktiv |
|||
Dafoxx Thread-Ersteller King for a day Beiträge: 244 |
# Antwort: 18 - 27.04.2009 um 03:02 Uhr
*push* |
||
Inaktiv |
|||
Nachtmeister Specialist Herkunft: Bern Beiträge: 2091 |
# Antwort: 19 - 27.04.2009 um 07:13 Uhr
Hast du für dein Javascript irgendwie CSS Eigenschaften? Sonst könntest du den Containe deiner Seite, sofern vorhanden, einen höheren z-index als deinen Schneeflocken verpassen. So wären die Schneeflocken nur im Hintergrund. ------------------ "God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer" |
||
Inaktiv |
|||
Dafoxx Thread-Ersteller King for a day Beiträge: 244 |
# Antwort: 20 - 27.04.2009 um 14:18 Uhr
ok... folgende bitte: da ich mich wie gesagt ABSOLUT nicht mit js auskenne...... kann mir wer sagen wo ich das script hier: (script von http://www.schloebe.de/scripts/schnee-script/) mehr... var no = 15; // Anzahl der Schneeflocken var speed = 20; // "Schnei-Geschwindigkeit"; je kleiner die Zahl, um so schneller fallen die Flocken var snowflake = "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(); } in meine html-datei packe? wär echt cool..... greez und thx im vorraus.... andere möglichkeit: das script im anhang.. von anfy. nur hab ich auch da kp was ich mit anfangen soll wäre dankbar für hilfe ^^ Dateianhänge:
ansnow.zip (49.21 KiB - 23 mal heruntergeladen )
Zuletzt editiert von Dafoxx am 27.04.2009 um 14:31 Uhr (3x Editiert) |
||
Inaktiv |
|||
Antworten: 21
|
Sie müssen sich registrieren, um zu antworten. |