#myGallery{ width: 400px !important; height: 300px !important; overflow: hidden; } a.button{ float:left; font-size:110%; font-weight:bold; border-top:1px solid #999; border-left:1px solid #999; border-right:1px solid #333; border-bottom:1px solid #333; color:#333; width:auto; } a.button:hover{ border-top:1px solid #333; border-left:1px solid #333; border-right:1px solid #999; border-bottom:1px solid #999; color:#333; } a.button span{ background:#d4d0c8 url(http://rosduz.googlepages.com/bg_btn.gif) repeat-x; float:left; line-height:24px; height:24px; padding:0 10px; border-right:1px solid #777; border-bottom:1px solid #777; } a.button:hover span{ border:none; border-top:1px solid #777; border-left:1px solid #777; background:#d4d0c8 url(http://rosduz.googlepages.com/bg_btnOver.gif) repeat-x; cursor:pointer; }

Search this blog


Home About Contact

TÍTULO DO WIDGET






'BlogBlogs'



Revista Curso INFO [Ubuntu]

ioiuouio

Copie essa postagem para seu Blog:

Leia Mais...

Copie essa postagem para seu Blog:
Postagem original:Linksduzão

Leia Mais...

Copie essa postagem para seu Blog:
Postagem original:Linksduzão

Leia Mais...

Copie essa postagem para seu Blog:
Postagem original:Linksduzão

Leia Mais...

Copie essa postagem para seu Blog:

Leia Mais...

Copie essa postagem para seu Blog:

Leia Mais...

Incriveis códigos de barra Japoneses

Copie essa postagem para seu Blog:

Leia Mais...

Anvisa diz que comercialização de alimentos chineses está proibida


Home » » Geral » Imagem de cabeçalho aleatória

Traduza ao Português/Portuguese Translate to English Übersetzen Sie zum Deutsch/German Traduzca al Español/Spanish Traduisez au Français/French Traduca ad Italiano/Italian 日本語に翻訳しなさい /Japanese Vertaal aan het Nederlands/Dutch Μεταφράστε στα ελληνικά/Greek Переведите к русскому/Russian
Plugin by Taragana
www.contraposta.com/
Imagem de cabeçalho aleatória
Categoria: Geral Jan 29, 2008

Aqui vai um tutorial simples mas bastante útil de como criar imagens aleatórias. Penso que será extremamente útil para quem utilize a plataforma Blogger pois essa não permite o uso de plugins como o MovableType ou WordPress.
Primeiro é necessário ter várias imagens para funcionarem como fundo. Procurem no Google ou sites de fotos imagens relacionadas com o que pretendem.

Este deve ser o código CSS que existe na página do template do blog:

#header {
background:#476 url(”imagemdefundo.jpg”) no-repeat left bottom;
margin:0 0 0;
padding:0 0 8px;
color:#fff;
}

De seguida vou criar um script que o que faz é criar um novo estilo de forma a substituir a propriedade «background». Caso o script não funcione, por qualquer motivo, a imagem definida no CSS irá aparecer.



Coloquem este script dentro da tag e deverá funcionar. Verifiquem se o vosso cabeçalho tem o nome de header, caso não tenha terá de alterar isso no script.

E pronto, se fizeram tudo correctamente agora cada vez que a página for carregada deverá aparecer uma imagem aleatória. Para testar basta carregar na tecla F5 no vosso blog.

Copie essa postagem para seu Blog:

Leia Mais...