Ohayoooo!!!! Hoje mim veio trazer mais um tutorial da listinha de pedidos, vou mostra como deixar a sidebar fixa. Não entendeu? Deixar a sidebar fixa é fazer com que ela não role(mover) com o blog, o leitor vai descer e subir o blog mas a sidebar continuará parada. Podem ver um pequeno exemplo aqui : www: esse tutorial encontrei lá no Dicas Para Blogger (amo esse blog). O tutorial é bem simples e fácil de executar mas se tiver alguma duvida é só perguntar, está bem? Bom agora vamos lá!
Primeiramente abra o blog qual deseja adicionar o efeito, agora vá em Editar HTML no modelo, ative o atalho usando Ctrl+F. Se sua coluna for a direita (right) procure por:
.main-inner .column-right-outer {
width: $(main.column.right.width);
margin-right: -$(main.column.right.width);
}
Procure pela parte destacada em vermelho para melhor busca. Encontrando apague tudo e no lugar cole:
Se sua coluna fora a esquerda (left) procure por:
Procure pela parte destacada em vermelho para melhor busca. Encontrando apague tudo e no lugar cole:
Códigos
.main-inner .column-right-outer {
margin-top:-10px;
margin-left: 550px;
position:fixed;
}
margin-top:-10px;
margin-left: 550px;
position:fixed;
}
Se sua coluna fora a esquerda (left) procure por:
.main-inner .column-left-outer {
width: $(main.column.left.width);
right: 100%;
margin-left: -$(main.column.left.width);
}
Procure pela parte destacada em vermelho para melhor busca. Apague tudo e no lugar cole:
Procure pela parte destacada em vermelho para melhor busca. Apague tudo e no lugar cole:
Códigos
.main-inner .column-left-outer {
margin-top:-10px;
margin-left: -375px;
position:fixed;
}
margin-top:-10px;
margin-left: -375px;
position:fixed;
}
Obs: ajuste/mude os valores de acordo com o que você quer mudando em margin-top e margin-left.
É isso! Espero que gostem, beijinhos e choquinhos~
É isso! Espero que gostem, beijinhos e choquinhos~
Brigada estou terminando de arrumar o lay do blog (o novo leyout) e estou utilizando isse tutorial eu já tinha visto em outros blogs a sidebar fixa mas nunca vi um tutorial muito obrigada Wendy!
ResponderExcluirJá te coloquei na elite PB♥
=3 eu que agradeço. Tambem ja coloquei voce
ExcluirBrigada estou terminando de arrumar o lay do blog (o novo leyout) e estou utilizando isse tutorial eu já tinha visto em outros blogs a sidebar fixa mas nunca vi um tutorial muito obrigada Wendy!
ResponderExcluirJá te coloquei na elite PB♥
Oii 'u' Adorei esse tutorial, vou usa-lo no proximo lay :3
ResponderExcluirxoxo *3*
Candy Bomb
*----* Ebaaaaaa
ExcluirTutoriais sempre muito úteis o/
ResponderExcluirobrigada
Excluir-Eu estava louca por esse tutorial <3 Obrigaduu :3.
ResponderExcluirFico feliz que esteja de volta rs .
http://belovedcoffee.blogspot.com.br/
Nao foi nada Hihi eu fico tao contente de poder voltar a postar e conversar com vcs
Excluir