Barra de Novidades

Olá Pinguins, Gugalincon2 Aqui!

Vim ensinar a como fazer a barra de Novidades. Bom, primeiramente abra seu Fireworks e em seguida clique em New  Document e coloque as seguintes dimensões:

Width: 982

Height: 71

Após feito isso, clique em Rectangle tool e faça um retângulo preenchendo o espaço em branco. Em clique em Rounded Rectangle e faça o espaço onde as Novidades irão passar. Veja como está ficando:

Feito isso, coloque a palavra Novidades ou Notícias no começo da imagem que criamos, veja:

Agora que nossa imagem está pronta, iremos colocar-la no Blog. Para isso, clique em Adicionar um Gadget e depois em HTML/JavaScript. Nele iremos coloca o seguinte código:

<img alt="" src="LINK DA IMAGEM" />

 

<div style="left: 220px; top: 47px; width: 627px; position: absolute;">

<span style="font-family:arial;font-size:small;color:darkred;">

<marquee bgcolor="transparent" behavior="scroll" width="100%" loop="infinite">Novidades: ESCRITA SOBRE A POSTAGEM.(<a href="LINK DA POSTAGEM">LEIA</a>) 

- -/\- - ESCRITA SOBRE A POSTAGEM (<a href="LINK DA POSTAGEM">LEIA</a>)- -/\- - Desça a página para ler mais notícias!

</marquee>

</span>

</div>

Bom, ali onde está  "LINK DA IMAGEM", vocês vão fazer upload da imagem que fizemos no http://tinypic.com/ ou em outro lugar que conheça. Onde está "top: 47px no 47 é a altura que vai ficar a escrita". Onde está "left: 220px;" no 220 é o posicionamento dos lados e onde está "width: 627px;" é  onde as novidades vão começar a sair e terminar. 
Bom pinguins é isso! Espero que gostem da postagem e se você ficou com alguma duvida, comente nesta postagem. 

~Gugalincon2