baile codigo

"Baile da Flor"

contribuição de Denize Rezende

Credits:

° image: "Flor Solitaria" - (exercise on computer art software) by Guacira Sampaio Rocha
° mid: "thegirls" (found for free, in the net)
° script authors: MP and Gerard Ferrandez
° original VBscript author: Aladdin
° prepared, commented and posted (as it is in this page) by: Denize Rezende

1) Dentro das tags "<body> </body>" coloque:

"<STYLE>BODY {
BACKGROUND-ATTACHMENT: fixed; BACKGROUND-COLOR: black; BACKGROUND-POSITION: 0px 0px; BACKGROUND-REPEAT: repeat; COLOR: aliceblue; FONT-FAMILY: Tahoma; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: bold; MARGIN: 2em
}
IMG {
LEFT: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; Z-INDEX: -1
}
.rEpons {
COLOR: bisque; MARGIN-LEFT: 2em
}
A:link {
COLOR: coral; TEXT-DECORATION: none
}
A:visited {
COLOR: red; TEXT-DECORATION: none
}
A:active {
COLOR: green; TEXT-DECORATION: none
}
A:hover {
COLOR: burlywood; TEXT-DECORATION: none
}
</STYLE>" - Tudo que se refere aos links (A-link, visited, active, hover) é optional e pode ser desprezado ou configurado por você, se for de seu interesse.

2) Logo após coloque: " <IMG id=contorsionniste src="defina aqui o endereço da sua imagem"> "

3) Em seguida coloque:

" <SCRIPT>
//-----------Rip curl, still some more of the same ... ------------
//-----------a script by MP, auguste de '99 -----------------------
//-----------d'après Gerard Ferrandez------------------------------
//-----------"another way to twist the ole lemon"------------------
//-----------thanks to Aladdin for the original VBscript-----------
//
// attention : cette version,
// n'est pas non plus un panorama,
// [elle ne colle pour ainsi dire pas].
//
// Si l'image ne vient pas de suite, pète un bon coup, si ça décoiffe pas, ça scalpe.

var nh = 1, nv = 48
var argu = 200
var wx = document.body.offsetWidth, wy = document.body.offsetHeight, midx, midy, maxK = Math.round(wx * 0.15) / argu, mayK = Math.round(wy * 0.66) / argu, mux = 9, muy = 9
var ob = new Array()
//--------------------------------

function ziva() {
var iL, iH
iL = contorsionniste.width
iH = contorsionniste.height
midx = Math.round((wx - iL) * 0.15)
midy = Math.round((wy - iH) * 0.15)
var ape, ese = 0, dx = iL / nh, dy = iH / nv, t = 0, r = dx, b = dy, l = 0
while (ese < nh * nv) {
//rect(top right bottom left)
ape = "<IMG src=" + contorsionniste.src + " style=\"CLIP: rect(" + Math.round(t) + " " + Math.round(r) + " " + Math.round(b) + " " + Math.round(l) + ")\">"
document.body.insertAdjacentHTML("AfterBegin", ape)
ob[ese] = new abject(ese++, document.body.children(0))
t += dy
b += dy
if (b > iH) {
t = 0
b = dy
l += dx
r += dx
}
}
}

function abject(ion, o){
this.i = ion
this.arg = argu

this.obj = o.style

this.tourne = bougE
this.tournf = bougF

this.obj.visibility = "visible"
this.tourne()
}

function bougE() {
var argv = this.arg + this.i
this.obj.pixelLeft = midx + Math.sin(argv / mux) * this.arg * maxK
this.obj.pixelTop = midy + Math.sin(argv / muy) * this.arg * mayK
this.arg--
if (this.arg >= 0) setTimeout("ob[\"" + this.i + "\"].tourne()", 33);
else {
this.obj.pixelLeft = midx
this.obj.pixelTop = midy
mux += (1 - Math.random()*2) * 0.5
muy += (1 - Math.random()*2) * 0.5
setTimeout("ob[\"" + this.i + "\"].tournf()", 2000)
}
}

function bougF() {
var argv = this.arg + this.i
this.obj.pixelLeft = midx + Math.sin(argv / mux) * this.arg * maxK
this.obj.pixelTop = midy + Math.sin(argv / muy) * this.arg * mayK
this.arg++
if (this.arg <= argu) setTimeout("ob[\"" + this.i + "\"].tournf()", 33);
else this.tourne()
}

setTimeout("ziva()", 1000)

// Compatible OE4, ça messieux-dames...
</SCRIPT> "

4) Fechar com as tags: " </BODY></HTML> "

5) Defina a mid de sua preferência em sua página, pelo metodo habitual. A mid não é parte fundamental do script.

Atenção: não esqueça de desprezar todas as aspas que não estejam na cor branca.

Esse script pode perfeitamente ser copiado dentro da aba Origem de seu Outlook Express, e ser enviado, com fundo musical, como mensagem aos seus amigos. Nesse caso, defina a mid dentro do próprio OE5x, pelo método de Formatar/Som. Já a imagem deve ter seu endereço definido dentro do código, diretamente, no local apropriado.