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