Hey! Hey! Bunnie's, como estão? Hoje venho ensinar como aplicar um cabeçalho (banner) que muda ao recarregar a página. Eu utilizei isso em meu layout anterior, apesar de ter aplicado na imagem de Perfil na sidebar não em um banner, mas em base é a mesma coisa, o que muda é somente as proporções e a onde o coloca no layout.
Códigos
<div class='apliqueefeito'>
<div style="position: relative; margin-top: -15px; margin-left: -5px; margin-right: -100px; margin-bottom: -15px;"/>
<script language="JavaScript"> var quotes=new Array()
quotes[0]='<a href="LINK-DO-BLOG"><img alt="NOME" src="CABEÇALHO1"/></a>'
quotes[1]='<a href="LINK-DO-BLOG"><img alt="NOME" src="CABEÇALHO2"/></a>'
var whichquote=Math.floor(Math.random()*(quotes.length)) document.write(quotes[whichquote])
</script> </div> </div>
<div style="position: relative; margin-top: -15px; margin-left: -5px; margin-right: -100px; margin-bottom: -15px;"/>
<script language="JavaScript"> var quotes=new Array()
quotes[0]='<a href="LINK-DO-BLOG"><img alt="NOME" src="CABEÇALHO1"/></a>'
quotes[1]='<a href="LINK-DO-BLOG"><img alt="NOME" src="CABEÇALHO2"/></a>'
var whichquote=Math.floor(Math.random()*(quotes.length)) document.write(quotes[whichquote])
</script> </div> </div>
O novo gadget deve ficar exatamente onde estava o cabeçalho, ou abaixo como na área esta demarcada na imagem abaixo, mova o gadget e observe a onde lhe agrada mais. A parte marcada em vermelho é uma tag, com ela você pode criar algum efeito hover, ao passar o mouse, porém você deve criar um estilo e aplica-lo dentro do HTML, para quem não entendeu essa parte pergunte nos comentários que explicarei melhor.
Imagem do blog Chuva de HTML, para ver melhor clique na imagem.
quotes[3]='<a href="LINK-DO-BLOG"><img alt="NOME" src="CABEÇALHO"/></a>'
Ao aplicar mais uma imagem você vai precisa trocar a numeração dele, como marco em verde. Ouseja se você colocar quatro banner, a cada banner você precisa por a numeração na ordem crescente [0] [1] [2] [3] [4].
Nenhum comentário:
Postar um comentário