Respondendo a Ask: Como fazer um cabeçalho igual o meu? - Como aplicar 2 backgrounds no blog

9.7.13

Falta 1 seguidor para nossa meta de 80! Ajuda aí *-* ??
Oi rilakkumas!
Estou só passando aqui pra responder um comentário na Ask, anônimo, que foi o seguinte: "Como você faz um cabeçalho, do jeito do seu? Ensina a Fazer?".

É bem simples. Acho que todo mundo sabe fazer um cabeçalho normal, certo? Do tipo, entra no seu editor de imagens, coloca o nome do teu blog, um png bonitinho e pá. Aí o teu cabeçalho tem que ser obrigatoriamente com um fundo transparente para você conseguir colocar a imagem atrás, tipo no meu.
Quando você terminar seu cabeçalho normal você aplica ele em seu blog normalmente também, e aí que vem a parte complicada -que eu não acho- que é aplicar o fundo no cabeçalho. Seja ele, uma imagem, um background pattern, um de icons, etc.
Para isso você precisa usar um tutorial de aplicar 2 backgrounds no blog.
Vou ensinar: Vá no painel do blog >> Modelo >> HTML >> Aperte CTRL+F ou F3 e procure por: body {
Deve encontrar algo parecido com isso:
body {
font: $(body.font); 
color: $(body.text.color); 
background: $(body.background); 
}
Assim que conseguir localizar a tag, você irá apagar todo esse código anterior e substituir por este:
body, html {
height: 300px;
margin: 0;
padding: 0; } 
body { 
font: $(body.font); 
color: $(body.text.color); 
background: url("URL do 1º background") repeat; } 
html { background: url("URL do 2º background") repeat; 
}
Em URL do 1º background você irá colocar o fundo que deseja no seu cabeçalho e em URL do 2º background o background do restante do blog. Em 300px você ajusta o tamanho do background, que é de acordo com o tamanho do cabeçalho que você fez.
Espero que tenham gostado, e entendido. Beijoo ~

6 comentários:

  1. Eu que pedi, achei super fofo, só que não sabia fazer..
    Obrigada por postar :)
    sweetmeninateen.blogspot.com

    ResponderExcluir
  2. Ótimo tutorial e acima disso, bem fácil e eficiente u-u Seu cabeçalho é mesmo fofo ♥

    Beijos,

    Juu-Chan do Nescau com Nutella.

    ResponderExcluir
  3. Dois backgrounds são realmente lindos.Adorei o tutorial e seu blog;)
    obrigada pela visita no meu!
    behindthekawaiiworld.blogspot.com.br

    ResponderExcluir

Vai comentar? Fico muito feliz! Aqui estão algumas regras:

-Pode comentar "Seguindo, segue de volta?" desde que comente algo sobre a postagem.

-Se for criticar, mostre a sua cara, não gosto de comentários anônimos.

-Aceito críticas apenas se forem CONSTRUTIVAS, ok?

-As vagas para Afiliados estão abertas.

Se seguir todas essas regrinhas eu terei prazer de responder seu comentário!