Como colocar banner em cima da barra de menu (flogvip)!

Como colocar banner em cima da barra do menu (flogvip)
Esse tutorial foi um pedido. Ele é especialmente para os usuários do flogvip. Ele serve tanto para os flogs quanto para os conteúdos que costumamos fazer (veja este exemplo). 

O tutorial é de como colocar o banner (titulo) em cima da barra do menu (onde ficam os links com o nome do seu flog, postar foto, painel de controle, ajuda e sair...)
Você precisará ter uma noçãozinha de css. Vamos ao tutorial. 

Copiem o código abaixo:
html {background-color: #feefe1; background-repeat: no-repeat; background-attachment: scroll; background-position: top center; 
background-image: url("LINK DO SEU BANNER AQUI"); border-top: 0px solid #843798g; auto;}



body {margin: auto; margin-top: 320px; background-color: transparent; width: auto;}
e coloquem esse código em seu css. 

Se seu css tiver uma parte de HTML, coloque-o lá. Se não tiver, copie todo o código acima e coloque-o em qualquer lugar do seu css.

Percebam que eu dividi o código em 2 partes. Uma é HTML e a outra BODY. Se você já tiver em seu css uma parte chamada BODY, coloque essa parte do código lá. Se não tiver, faça o mesmo que fez com o HTML, coloque-o em qualquer lugar do seu css. 

Vamos as modificações.

Na parte de HTML, localize background-color: #feefe1; e altere a cor de fundo para a mesma cor de fundo do seu banner e do fundo do flog. As outras opções deixe como estão. 

Localize agora a parte background-image: url("LINK DO SEU BANNER AQUI"); e onde escrevi LINK DO SEU BANNER AQUI, você colocará o link do seu banner já hospedado. VEJA AQUI UMA LISTA DE SITES PARA HOSPEDAR IMAGENS

Agora vamos para a parte do BODY. Localize a parte margin-top: 320px; e altere o 320px pela altura do seu banner. Por exemplo: Se seu banner tiver 380px de altura, coloque 380px, se tiver 210px, coloque 210, e por ai vai...

Na parte background-color: transparent; você deve colocar a cor de fundo que você deseja para o seu flog. Você também pode deixar como está, "TRANSPARENT", assim ficará com a cor de fundo que você tiver colocado em seu flog.

Pronto, seu banner já estará em cima da barra de menu. Você só precisa hospedar o css (vejam em tutoriais como fazer) e postá-lo em seu flogvip. Fazendo isso, não será necessário postar o banner no flogvip da forma convencional. O css já fará isso.

Qualquer dúvida é só perguntar e espero ter ajudado.

Facebook Twitter Pinterest Google+ Email Addthis