Como Fazer Barra de Novidades

Como fazer

Eu estarei utilizando o Fireworks cs5 para realizar a barra de novidades. Primeiro, abra um novo documento com a largura de 982 e a altura de 75. Muito bem, agora é só realizar a sua barra de novidades como quiser, essencialmente por gosto. Eu fiz uma barra e deixei ela editável no Fireworks cs5. Para pegar a barra clique aqui. Deixei a barra editável para facilitar as coisas se houver algum problema. Após acabar com a parte de edição de design, vamos aplicar a barra de novidades do blog.


Aplicando a barra no blog

Agora vem a parte mais simples ainda. Não precisaremos nem editar o html, iremos aplicar com um novo Gadget! Sim isto mesmo. Bem aqui está o código necessário para aplicar a barra de novidades:
<div style="height: 64px; position: relative;"><img alt="" src="LINK DA SUA IMAGEM" /> <div style="left: 210px; top: 25px; width: 760px; position: absolute;"> <span><marquee bgcolor="transparent" behavior="scroll" width="100%" loop="infinite">Ponha sua frase aqui!</marquee></span></div></div>
Copie o código, com ctrl + c e para colar ctrl + v, após fazer está operação crie um novo gadjet na forma de html. Agora vamos editar. Em azul cole o link da sua imagem. Já em vermelho digite sua frase!

Muito simples não acham? Após uma aula proporcionalmente boa, está na hora de acabar! Obrigado a todos que leram a postagem. Se vocês estiverem "batendo-se" para fazer a barra deixe o seu comentário. Até mais pessoal...

~Bob, Designers do CP

2 comentários: