BO03 Movimento Horizontal - formatação adian

    

BO03 Movimento Horizontal

Esse tutorial oferece o script categoria background com movimento vertical

 

Para esse script é necessário um papel de carta que seja um top border.

Minha sugestão de papel de carta para esse tutorial é o seguinte:

Top Border PSP 7,8 e 9

Pegue o material que vai usar no arquivo zipado em anexo.

 

 1-Abra a imagem na sua área de trabalho, veja a altura dela e abra outra de 1024Xpela altura, no caso desta imagem era 280 pxl.

2-Copy a imagem e Past como layer nesta última imagem aberta

3-Copy outra vez e Past , mas agora vá em Images>Mirror

4-Se precisar aumente a imagem para juntar as duas , veja para que as laterais e as emenndas fiquem certinhas

5-Vai sobrar um pedacinho para completar os 1025 de largura copy mais uma imagem, a 1ª, sem o mirror e proceda da mesma forma para as emendas

6-Quando estiver tudo grudadinho e certo , merge visible.

7-Agora use e abuse do Clone Tool para modificar ligeiramente a imagem.

Como vocês podem ver, eu apaguei uma casa de passarinho, cololquei mais um gatinho na casa da direita, e modifiquei as flores dos vasos. Tenho certeza que com sua criatividade você vai fazer muito mais.

8- Agora com a mask aberta em sua área de trabalho vá em masks>new>from image, e aplique a mask, delete mask

9-O Objetivo desta mask é suavizar o encontro do Top Border com o back

10-Escolha uma cor da imagem e configure o Foreground

11-Abra uma nova imagem de 1025X30 pxls a mais do que a altura de sua imagem e preencha com a cor escolhida, e se quiser aplique o texturizer>sandstone

12-Copy a imagem emendada e cole em cima desta textura . Merge All

13-Faça um quadrdinho de 150X150 pxl e preencha com a mesma cor, e caso vc tenha usado o texturizer, repita.

Salve os dois trabalhos

Vamos agora ver uma dica rápida no Front Page para você usar este Papel de Carta sem script

1- Abra o Front Page e formate o Pano de Fundo com o quadradinho pequeno .Ele será o seu background

-Agora vá em Inserir e localize o seu Top Border

-Clique no centro da imagem , irá aparecer os marcadores laterais e uma barra de status na parte de baixo da tela

Clique neste botão quadradinho que é " Posição absoluta", vá na imagem que agora poderá posiciona-la no lugar.

Coloque o cursor na posição onde quer que o texto comece a ser escrito, visualize para ver se esta tudo de acordo e salve em sua pasta de papeis de carta .

Para enviar um e-mail com este Papel você deverá no Outloock proceder asim:

Mensagem>Nova Mensagem usando> ( localize este papel).

Espero que tenham gostado.

Esse tutorial foi criado Dama Da Noite®  em 28/04/2003.

Faça até o passo 13 do tutorial. Depois disso dê canvas size na medida da largura(1024px) x 1000px de altura

Acrescente uma nova layer passe ela pra baixo e preencha com a textura.

Merge Layers. E salve em jpg

Você pode criar outro top border, a largura não influi mas a altura sim. Sempre ela deverá ser 1.000 pixels ou valor superior.

Aplicando o Scritp:

1 - Inserido o background.

2 - Em seguida vamos colocar o script:  clique na Abinha Origem, coloque o cursor após o trecho <BODY bgColor=#ffffff> e dê Enter.

 

3 - Coloque o cursor no espaço criado;

4 - Selecione o scritp background movimento, copie (CTRL + C) e cole (CTRL + V) na origem no local indicado acima.

<DIV>&nbsp;</DIV>

<DIV style="FONT: 10pt arial">&nbsp;</DIV>

<DIV id=imageholder

style="Z-INDEX: -1; LEFT: 0px; POSITION: absolute; TOP: 0px">

<SCRIPT language=VBScript>

<!--

direction="right" ' change the direction of the scroll here: "up" or "left" or "down" or "right"

sizew=374 ' enter the width of the scrolling image here

sizeh=1000 ' enter the height of the scrolling image here

nail=0

source=document.body.background

tall=((screen.height\sizeh)+1)*2

wide=(screen.width\sizew)+1

if direction="up" then

max=tall

axis=sizeh

placement=0

reset=0

elseif direction="left" then

max=wide

axis=sizew

placement=0

reset=0

elseif direction="down" then

max=tall

axis=0

placement=-sizeh

reset=-sizeh

elseif direction="right" then

max=wide

axis=0

placement=-sizew

reset=-sizew

end if

document.write "<pre>"

for temp=0 to max

if direction="up" then

document.write "<img id=pics"&temp&" src><br>"

elseif direction="left" then

document.write "<img id=pics"&temp&" src>"

elseif direction="down" then

document.write "<img id=pics"&temp&" src><br>"

elseif direction="right" then

document.write "<img id=pics"&temp&" src>"

end if

document.all("pics"&temp).src=source

next

document.write "</pre>"

document.body.background=" "

window.status="Click the image to Stop or Restart the scroll"

sub scroll()

if nail=1 then

exit sub

end if

if placement < axis then

setTimeout "move", 1

else

placement=reset

setTimeout "move", 1

end if

end sub

sub move()

if direction="up" then

imageholder.style.top=-placement

elseif direction="left" then

imageholder.style.left=-placement

elseif direction="down" then

imageholder.style.top=placement

elseif direction="right" then

imageholder.style.left=placement

end if

placement=placement+1

setTimeout "scroll", 1

end sub

sub imageholder_onclick()

if nail=0 then

nail=1

else

nail=0

end if

scroll()

end sub

scroll()

-->

</SCRIPT>

5 - Visualize o efeito colocando na abinha " Visualizar".

6 - Volte a abinha "Editar" e complete a formatação .

Sugestão de Script para Bordas e Barra de Rolagem Colorida

<STYLE>BODY {

BORDER-RIGHT: #a3af89 10px ridge;

BORDER-TOP: #a3af89 10px ridge;

BORDER-LEFT: #a3af89 10px ridge;

SCROLLBAR-ARROW-COLOR: #a3af89 ;

BORDER-BOTTOM: #a3af89 10px ridge;

SCROLLBAR-BASE-COLOR: #a3af89

}

</STYLE>

Sugestão de Script para Mensagem de Rodapé

<SCRIPT language=JavaScript><!--

ScrollSpeed = 100; // milliseconds between scrolls

ScrollChars = 0; // chars scrolled per time period

function SetupTicker() {

// Thanks to who ever created this Java script!

msg=" ESCREVA SEU TEXTO AQUI ";

RunTicker();}

function RunTicker() {

window.setTimeout('RunTicker()',ScrollSpeed);

window.status = msg;

msg = msg.substring(ScrollChars) + msg.substring(0,ScrollChars);}

SetupTicker();

<!-- end

// -->

</SCRIPT>

BO03 - Envie para o grupo um e-mail formatado como foi ensinado nesse tutorial.

Ele deverá conter:

Script Efeito Background Horizontal

background

Imagem ( opcional)

Texto

Borda Colorida

Barra de Rolagem Colorida

Script para Mensagem no Rodapé (opcional)

Música

Assinatura (opcional)

Não esqueça, por favor:

colocar no assunto: seu nome ou nick - BO03 - Background como movimento horizontal

Crie seu próprio material para a formatar a aula

No corpo do e-mail coloque o link correspondente a esse tutorial.

Não esqueça do anti-banner

Verificar o Peso da Mensagem antes de enviar

Copyright© 2002/2004 Dama Da Noite * Todos os direitos reservados*

Esse  tutorial foi criado por brisa® em março de 2007  especialmente para o Grupo PSP Brasil.

É expressamente proibida, por lei, a divulgação desta página em outro site ou qualquer outro modo de veiculação sem a autorização expressa da autora ou dos detentores de copyright do texto, da formatação e dos demais elementos que compõem a página. 

Direitos Autorais protegidos pela Lei 9.610 de 19/02/1998.