All for Joomla All for Webmasters

Underheader randômico

Conforme nos meus themes recentes, eu uso uma espécie de subheader, com o nome do blog, os links do menu e uma imagem ao lado. Essa imagem pode ir sendo trocada ao longo que você dá update na página, ou seja, F5 ou acessa de novo o blog ou qualquer outra página dele. Eu vou ensinar como fazer isso (:

1. Nos meus themes, eu uso tamanho 645×200 ou 645×150 px, mas você pode aumentar a largura conforme a largura do seu header (: Se seu header for 800×600, use 800×150, por exemplo. A altura do underheader é de sua preferência, mas você já viu que eu uso entre 150 e 200 pixels.

Enfim, faça seus subheaders mudando as imagens ou o que você quer (a fonte do título do seu blog, por exemplo), mas lembrando que se você for mapear o subheader, TODOS os links devem estar no mesmo lugar em TODAS as imagens.

2. Feito isso, hospede suas imagens e edite o seguinte código:

<script language=”JavaScript”>
var myimages=new Array()
myimages[0]=”http://seublog.com/images0.png”
myimages[1]=”http://seublog.com/images1.png”
myimages[2]=”http://seublog.com/images2.png”
myimages[3]=”http://seublog.com/images3.png”
var ry=Math.floor(Math.random()*myimages.length)
document.write(‘<img src=”‘+myimages[ry]+'” class=”img_random”
alt=”"></a>’)
</script>

E como eu já disse no tutorial de Portal Randômico, se quiser acrescentar mais imagens, basta seguir a ordem de números do myimages.

<script language=”JavaScript”>
var myimages=new Array()
myimages[0]=”http://seublog.com/images0.png”
myimages[1]=”http://seublog.com/images1.png”
myimages[2]=”http://seublog.com/images2.png”
myimages[3]=”http://seublog.com/images3.png”
myimages[4]=”http://seublog.com/images4.png”
myimages[5]=”http://seublog.com/images5.png”
myimages[6]=”http://seublog.com/images6.png”
myimages[7]=”http://seublog.com/images7.png”
myimages[8]=”http://seublog.com/images8.png”
myimages[9]=”http://seublog.com/images9.png”
myimages[10]=”http://seublog.com/images10.png”
var ry=Math.floor(Math.random()*myimages.length)
document.write(‘<img src=”‘+myimages[ry]+'” class=”img_random”
alt=”"></a>’)
</script>

Depois disso, vá no header.php e cole depois da div header o código que você editou.

Qualquer dúvida, consulte o meu Ask-me.

Não esqueça de salvar as alterações do header.php e enviar para o seu FTP.

Espero que tenha sido útil (: