Demorei mas postei! Para compensar a falta de posts, trago hoje um tutorial incrivelmente simples e de uma utilidade sem tamanho: colocar duas imagens de fundo no blog. Não entendeu? Veja como um senhor exemplo o site Evelyn's Place:
O primeiro passo vocês já sabem, né?
1º Vá em Design, depois em Editar HTML, dê Ctrl + F e procure por:
body {
apague ele e todo o conteúdo que o acompanhe.
Por exemplo: no código do MN aparece assim:
body {
background: url("http://www.backgroundlabs.com/backgrounds/202.gif") repeat;
margin:0;
color:#333333;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
Pra colocar os dois bgs, eu precisaria apagar tudo isso.
2º Cole no lugar que você apagou o seguinte código:
body, html {
height: 300px;
margin: 0;
padding: 0; }
body {
background: url("URL do 1º background") repeat; }
html {
background: url("URL do 2º background") repeat; }
Agora é só colocar as URLs das imagens, visualizar e, se estiver tudo certo, salvar! Detalhe: para aumentar ou diminuir o espaço do primeiro background, mude o valor que eu destaquei em vermelho.
Pra fechar o post vou colocar aqui alguns patterns muito fofos que eu encontrei no Olhar 43:
É isso, beijos.
0 Comentários