quinta-feira, 27 de dezembro de 2012

Apredendo Design #2


Olá designers,

Agora começa o "Aprendendo Design 2" com Pedrox. Hoje vou ensinar a vocês como fazer uma barra de novidades. Observe:

Faça uma barra mais ou menos igual a essa:
Width = 600
Height = 50
Resolution = 27

(Clique para ver maior)

Você pode escolher outras cores normais, siga os passos:

1. Uma barra normal quadrada:

2. Outra barra normal quadrada por cima:

3. O nome "NOVIDADES":

Assim sua barra está pronta. Agora é só colocar no HTML Java Script.

Pedrox, mas como coloca?

Primeiro você precisa ter um código que é esse que eu vou dar:

<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>
No "LINK DA SUA IMAGEM" você vai colocar sua barra feita e em "PONHA SUA FRASE AQUI" você escreve o que quiser para aparecer na barra de novidades.

Quando colocar no HTML Java Script salve o blog e ele estará com a barra de novidades. Observação:  não escreva em cima ou em baixo do chat e se a barra ultrapassar a sidebar diminua a barra, não a sidebar.

Até mais designers,

Sem comentários:

Enviar um comentário