Gente, esses dias foi uma luta pra conseguir abrir o blog por causa do virus que já está me dando nos nervos.
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:
3º- Apague tudo e substitua pelo código abaixo:body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
}
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.
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; }
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:
Ajuste os valores para que o menu fique posicionado dentro da faixa.
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*/
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.
Olá, te encontrei através do Entre Blogs, adorei seu blog e estou te seguindo ok? bjs
ResponderExcluirOk. :D
Excluirola eu não consigo encontra nenhum desses códigos para personalizar meu blog
ResponderExcluir