Cabeçalho Ocupando Toda a Largura do Blog

Oiee meus lindos :) Tudo bem com vocês? (eu estou bem rsr)

Meus amores me ajudem a conquistar a meta do Sweet Smile de conseguir 100 seguidores please... Grata...

Bom hoje irei ensinar vocês a fazer com que o cabeçalho do blog ocupe toda a largura do blog, eu acho super legal até uso aqui no blog mesmo. Ele deia o seu blog mais descolado acho muito legal mesmo.


Preview  

Abram a imagem para a melhor visualização.


É bem simples pessoal, existem duas maneiras de fazer isso..

Enjoy


A primeira forma é pelo designer de modelo...

Após ter feito a imagem que queira como background (Larg. 1365px /Aut. 400px), Vá em Designer >>> Designer de Modelo >>>Plano de fundo. Faça o Upload da imagem desejada e marque a opção "não dividir em blocos" ou "dividir horizontalmente.



Essa imagem foi utilizada do "Go Imagine" créditos ao blog devido.



Só que há um problema, essa forma não funciona com imagens maiores que 300BK, pois não dará para fazer o upload. Então use a forma 2 para ter o resultado desejado.

Segunda forma pelo HTML

1ª) Vá no seu painel HTML dê um Ctrl+F e procure por Body {
Em seguida você irá encontrar um código assim...

body {font: $(body.font);color: $(body.text.color);background: $(body.background);}

1ª) Substitua por esse. 

body, html {height: 400px;margin: 0;padding: 0; }
body {background: url("URL do cabeçalho") repeat; }
html {background: #cor; }

(URL do cabeçalho); URL da imagem
#cor; Código da cor desejada...


Crédito do post; ###


Bom espero que eu tenha explicado bem :D Kissu


                       >>>>>>>>>>>>>>>>>FIM DO POST<<<<<<<<<<<<<<


Um comentário: