quinta-feira

Voltando às Postagens+Fotos+Tutorial

 

Gente, esses dias foi uma luta pra conseguir abrir o blog por causa do virus que já está me dando nos nervos. {Gostaram da ilustração da postagem? Quem curtia as músicas do RBD? Euu} Como passei muitos dias sem fazer nenhuma postagem, hoje trago uma postagem gigante. Vamos começar pelas fotos.




Fotos que tirei do lugar onde moro...

Agora vamos para o tutorial. Esse é de como colocar um menu igual ao do meu blog. Vi esse tutorial no Go Imagines gostei, usei e pensei em repassar para vocês.



Usamos dois backgrounds para realizarmos esse tutorial. No final vou deixar alguns modelos que fiz caso queiram algum.Vamos então aprender a colocar o Menu dentro de uma faixa.

1º- Vá em Modelos↔Editar HTML
 2º- Aperte Ctrl+F ou F3 e procure por body {. Você encontrará isso:



body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
}
3º- Apague tudo e substitua pelo código abaixo:



body, html {
height: 300px; /** Altura do 1º background **/
margin: 0;
padding: 0;  }
body {
font: $(body.font);
color: $(body.text.color);
background: url("URL do 1º background") repeat-x; }
html {
background: url("URL do 2º background") repeat; }
Isso aee. Se quiserem podem pegar as imagens a seguir para colocar no layout de vocês, se não, podem fazer vocês mesmo porque é muito fácil.




 Alguns dos backgounds que usei foram encontrados no Cherry Bomb.

 Este tutorial vai funcionar com o menu padrão do blogger e também com qualquer outro que você tem quem adicionar o código do menu no HTML JavaScript. Para que o menu fique certinho dentro da faixa, terá que colocar o gadget dele abaixo do cabeçalho, assim:


Caso o menu não fique dentroda faixa, pesquise por .tabs-inner { no HTML e abaixo cole o seguinte código:

margin-top: -50px; /*para afastar o menu para cima ou baixo troque o número*/
margin-left: 0px; /*para afastar o menu para esquerda ou direita troque o número*/
 
Ajuste os valores para que o menu fique posicionado dentro da faixa.
Lembre-se que em margin-top valores negativos sobem e positivos descem; em margin-left valores negativos vão para a esquerda e pesotivos para a direita.

Pronto. Espero que gostem desta postagem. Por favor, comentem sempre que lerem as minhas postagens dizendo se gostaram ou não para poder melhorar cada vez mais? Obrigado.



3 comentários:

  1. Olá, te encontrei através do Entre Blogs, adorei seu blog e estou te seguindo ok? bjs

    ResponderExcluir
  2. ola eu não consigo encontra nenhum desses códigos para personalizar meu blog

    ResponderExcluir