|
Script Dream by Jasmine
Instruções
e Código HTML
INSTRUÇÕES:
Material:
- imagem principal (450x450 px)
- uma imagem para o fundo fixo
- uma imagem para o fundo de rola
- imagenzinha para os cantos da tabela (33x33 px)
Também trabalhei com outros tamanhos pequenos, convém você
testar.
- glitter
- arquivo musical
COMO FAZER:
Abra Nova Mensagem no Outlook Express, delete todo conteúdo da
aba Origem e cole o conteúdo do "Código Dream", que se encontra
no final dessa explicação, em azul.
Pela aba Editar você deve:
- formatar plano de fundo /imagem (fundo que rola)
- formatar plano de fundo/som
- digitar seu texto
Pela aba Origem você deve:
- indicar o caminho da imagem principal
- indicar o caminho do fundo da tabela
- indicar o caminho das quatro imagenzinhas
- indicar o caminho do glitter
No "Código Dream" você irá encontrar o lugar correto de inserir
essas imagens.
Você pode também alterar as cores, como segue:
- type=text/css>BODY { - refere-se à cor das bordas da mensagem
e cor do texto (color)
-TABLE {- refere-se à cor da borda externa geral da tabela e
borda do texto
- TD { - refere-se à cor da borda interna da tabela e o fundo do
texto e das imagenzinhas (background color)
- .div1, div2, div3 e div4 { - refere-se às cores do gradiente -
você deve colocar as cores em startColorstr e endColorstr.
Pesquisa e
Instruções by M.Inês Schaeffner
para os sites
Toque
de Arte e
Caderninho
28/05/2006
Direitos reservados
Código Dream
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Dream</TITLE><BASE
href="file://C:\Documents and Settings\Maria\Desktop\">
<META http-equiv=Content-Type content="text/html;
charset=iso-8859-1">
<STYLE type=text/css>BODY {
BORDER-RIGHT: #000000 1px double; BORDER-TOP: #000000 1px
double; BORDER-LEFT: #000000 1px double; COLOR: #000000 ;
SCROLLBAR-ARROW-COLOR: #000000 ; SCROLLBAR-TRACK-COLOR: #ffffff;
BORDER-BOTTOM: #000000 1px double; FONT-FAMILY: Comic Sans MS;
SCROLLBAR-BASE-COLOR: #ffffff
}
TABLE {
BORDER-RIGHT: #000000 4px double; BORDER-TOP: #000000 4px
double; BORDER-LEFT: #000000 4px double; BORDER-BOTTOM: #000000
4px double; BACKGROUND-COLOR: #ffffff
}
TD {
BORDER-RIGHT: #000000 2px inset; BORDER-TOP: #000000 2px outset;
BORDER-LEFT: #000000 2px outset; BORDER-BOTTOM: #000000 2px
inset; BACKGROUND-COLOR: #ffffff
}
.div1 {
FILTER:
progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000
,
endColorstr=#ffffff, gradientType=0)
}
.div2 {
FILTER:
progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000
,
endColorstr=#ffffff, gradientType=1)
}
.div3 {
FILTER:
progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,
endColorstr=#000000 , gradientType=1)
}
.div4 {
FILTER:
progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,
endColorstr=#000000 , gradientType=0)
}
</STYLE>
<META content="MSHTML 6.00.6000.16441" name=GENERATOR></HEAD>
<BODY bgProperties=fixed bgColor=#ffffff <DIV>
<DIV></DIV><IMG id=table_back1
style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"
height=200
src="caminho do glitter" width=200> <IMG
id=table_back2 style="LEFT: -1800px; POSITION: absolute; TOP:
-1800px"
height=200 src="caminho do fundo fixo dentro da tabela" >
<TABLE id=table cellSpacing=4 cellPadding=2 width="88%"
align=center>
<TBODY>
<TR>
<TD class=div align=middle><IMG height=33
src="caminho da imagenzinha que fica nos cantos" width=33></TD>
<TD class=div1 align=middle> </TD>
<TD class=div align=middle><IMG
style="FILTER: fliph(enabled=1)" height=33
src="caminho da imagenzinha que fica nos cantos" width=33>
</TD></TR>
<TR>
<TD class=div2 align=middle> </TD>
<TD class=div id=table2 style="PADDING-BOTTOM: 35px;
PADDING-TOP: 20px"
align=middle cellSpacing="12" cellPadding="12"><IMG height=450
src="caminho da imagem principal" width=450> <BR><BR><BR>
<TABLE cellSpacing=2 cellPadding=2 align=center>
<TBODY>
<TR>
<TD style="PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP:
5px"
align=middle>
<DIV class=textbox
style="FONT-SIZE: 2pt; OVERFLOW: auto; WIDTH: 430px; HEIGHT:
150px">
<DIV><FONT size=3>Duplo clique para digitar seu
texto.</FONT></DIV>
<DIV><FONT size=2></FONT> </DIV>
<DIV> </DIV>
<DIV> </DIV></DIV></TD></TR></TBODY></TABLE></TD>
<TD class=div3 align=middle> </TD>
<TR>
<TD class=div align=middle><IMG height=33
src="caminho da imagenzinha que fica nos cantos" width=33></TD>
<TD class=div4 align=middle> </TD>
<TD class=div align=middle><IMG
style="FILTER: fliph(enabled=1)" height=33
src="caminho da imagenzinha que fica nos cantos"
width=33></TD></TR></TBODY></TABLE>
<SCRIPT language=vbscript>
'===========================
'Script written by Jasmine; 30-5-2002
'magicaljourney@wanadoo.nl
'do not remove this line please
'===========================
x=0
y=0
Sub Window_Onload()
start
setInterval"doScroll",154
End Sub
Sub Start()
ClearTimeOut
table.style.backgroundImage="URL("&table_back1.src&")"
table2.style.backgroundImage="URL("&table_back2.src&")"
End Sub
Sub Doscroll()
x=x-1
y=y+1
document.body.style.backgroundPosition=y&" "&x
table.style.backgroundPosition=x&" "&y
End sub
</SCRIPT>
</BODY></HTML>
|
