Suche Hintergrund für Homepage

wennst du a großes bild haben willst rein in photoshop und sehr verkleinern...

Wie wärs mit dem hier? Den einfach als zentrierten Hintergrund und fertig.

selfhtml.de

unter javascript findest du solche scripts

<script language="JavaScript1.2">
<!--

var snowsrc="vw.gif" // beachten wo die datei liegt
var no = 10; // wieviele zeichen sich bewegen
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 1024, doc_height = 768;
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 = 0;
xp[i] = Math.random()*(doc_width-50);
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
if (ns4up) {
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"></a></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"></layer>");
}
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"></a></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"></div>");
}
}
}
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()", 10);
}
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()", 10);
}

if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// -->
</script>

vw logo muss vw.gif heißen wenn nicht ändern im text

Das ist nur für schneeflocken kannst aber auch was reinbastln

die is für schneefall ohne bilder das heißt ma erspart sich das dumme laden der grafiken

<script type='text/javascript'>
<!--
// Anzahl der Schneeflocken (mehr als 30 - 40 nicht empfehlenswert)
var snowmax=35

// Farben der Schneeflocken. Es können beliebig viele Farben angegeben werden
var snowcolor=new Array("#AAAACC","#DDDDFF","#CCCCDD","#F3F3F3","#F0FFFF")

// Fonts, welche die Schneeflocken erzeugen. Beliebig viele Fonts ergänzbar
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")

// Zeichen für die Schneeflocke (empfohlen: * )
var snowletter="*"

// Fallgeschwindigkeit (empfohlen sind Werte zwischen 0.3 bis 2)
var sinkspeed=0.6

// Maximale Größe der Schneeflocken
var snowmaxsize=22

// Minimale Größe der Schneeflocken
var snowminsize=8

/* Schnee-Zone:
** 1 für überall, 2 für Schneefall nur auf der linken Seite
** 3 für Schneefall in der Mitte, 4 für Schneefall nur auf der rechten Seite */
var snowingzone=1

/*
* AB hier nichts mehr ändern *
*/


var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera

function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}

function initsnow() {
if (ie5 opera) {
marginbottom = document.body.clientHeight
marginright = document.body.clientWidth
}
else if (ns6) {
marginbottom = window.innerHeight
marginright = window.innerWidth
}
var snowsizerange=snowmaxsize-snowminsize
for (i=0;i<=snowmax;i++) {
crds = 0;
lftrght[i] = Math.random()*15;
x_mv[i] = 0.03 + Math.random()/10;
snow[i]=document.getElementById("s"+i)
snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
snow[i].size=randommaker(snowsizerange)+snowminsize
snow[i].style.fontSize=snow[i].size
snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
snow[i].sink=sinkspeed*snow[i].size/5
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
snow[i].style.left=snow[i].posx
snow[i].style.top=snow[i].posy
}
movesnow()
}

function movesnow() {
for (i=0;i<=snowmax;i++) {
crds[i] += x_mv[i];
snow[i].posy+=snow[i].sink
snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
snow[i].style.top=snow[i].posy

if (snow[i].posy>=marginbottom-2*snow[i].size parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=0
}
}
var timer=setTimeout("movesnow()",50)
}

for (i=0;i<=snowmax;i++) {
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
//-->
</script>
<br />
<br />


da wär noch was

Ein letztes noch ich glaub dann kannst da das aussuchen also ich finde das am besten

Datei heißt snow.htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY TEXT="#DCDCDC" BGCOLOR="#000080">
<H1>Schneefall</H1>
<P>
Auf dieser Seite sollte es schnein! Eiskalte Schneeflocken
sollten von oben nach unten purzeln.</P>
<SCRIPT SRC="snow.js" TYPE="text/javascript"></SCRIPT>
</BODY>
</HTML>

Die Javascript datei
heißst

snow.js

var no = 25; // number of snowflakes
var speed = 10; // the smaler, the faster snowflakes
var snowflake = "snow.gif"; // picture source
var ns4b = (document.layers) ? 1 : 0; // Netscape4.x
var b4up = (document.all) ? 1 : 0; // MSIE4, Opera5, Netccape5
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var snowobj;
var i, doc_width = 800, doc_height = 600;

if (ns4b) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (b4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
} else {
b4up = 1; // 800x600 screen-default
}// if

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowobj = new Array();

for (i=0; i<no; ++i) { // iterate for every snowflake
dx = 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 (ns4b) { // set layers
document.write("<LAYER NAME=\"flake"+ i +"\" LEFT=\"15\" "
+ "TOP=\"15\" VISIBILITY=\"show\"><IMG SRC=\""
+ snowflake +"\" BORDER=0></LAYER>");
} else if (b4up) {
document.write("<DIV ID=\"flake"+ i +"\" STYLE=\""
+ "position:absolute; z-index:"+ i +"; visibility:visible; "
+ "top:15px; left:15px;\"><IMG SRC=\""+ snowflake
+ "\" BORDER=0></DIV>");
snowobj[i] = eval (document.getElementById("flake"+i).style);
}//if
}//for

function snowNS() { // Netscape4 main animation function
for (i=0; i<no; ++i) { // iterate for every snowflake
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();
}//if
dx[i] += stx[i];
document.layers["flake"+i].top = yp[i];
document.layers["flake"+i].left = xp[i]
+ am[i]*Math.sin(dx[i]);
}//for
setTimeout("snowNS()", speed);
}//snowNS

function snowDocument() { // MSIE4, Opera5, Netscape5 main
for (i=0; i<no; ++i) { // iterate for every flake
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();
}//if
dx[i] += stx[i];
snowobj[i].top = yp[i];
snowobj[i].left = xp[i] + am[i]*Math.sin(dx[i]);
}//for
setTimeout("snowDocument()", speed);
}//snowDocument

if (ns4b) { // Netscape4
snowNS();
} else if (b4up) { // MSIE4, Opera5, Netscape5
snowDocument();
}//if




datei heißt MAL wieder snow.gif

für weiter fragen mail oder pm an mich

Original von vwhecker
Wo muß Ich den Code denn EINGEBEN :-?

du erstellst dir erst MAL eine leere TXT Datei. Am Desktop rechte Maustaste > Neu > Textdatei :-h

Dann diese Textdatei öffnen. Wieder in das Internet-Explorer Fenster mit diesem Thread wechseln. Den HTML-Code von Böser Golf markieren. Rechte Maustaste > Kopieren. Zum Editor mit der neuen Textdatei wechseln und dort einfügen. Textdatei speichern und schließen. JETZT die "Neu Textdatei.txt" einfach in "snow.htm" (oder wie du halt willst) umbenennen. Das war der erste Streich.

Beim zweiten Streich is das Verfahren nicht viel anders, nur jetzt halt das Javascript unter dem HTML kopieren und einfügen und in snow.js (MUSS diesmal so heißen) umbenennen.

In der Javascript-Datei (snow.js) dann noch den Dateinamen des Bildes umbenennen in denjenigen, den das von dir gewünschte Bild trägt (3te Zeile von oben)

dann müsste es laufen

ACHTUNG - alle 3 Dateien (HTML, Javascript, Bild) immer im selben Ordner abspeichern!