gomen'ne por ontem nao ter postado nada de interessante B/ ..
mas hj , a pedido da Sukone , vou fazer um tutorial de Como subir a barra lateral .. ok ??
vamos lá :
nota : --> eu vou fazer o tutorial no meu antigo blog ..
P.S: --> o tutorial é na nova interface da blogger !!
vao a MODELO >> EDITAR HTML >> [ vou por uma imagem a explicar tudo ] :
e depois carrega CTR + F ( no firefox ) ou apenas F3 ( no chrome ) e procura : .main-inner .column-left-outer { ( coluna esquerda ) ou .main-inner .column-right-outer { ( coluna direita ) .
se procurou a coluna esquerda , provavelmente vai tar assim :
.main-inner .column-left-outer {
width: $(main.column.left.width);
right: 100%;
margin-left: -$(main.column.left.width);
}
se procurou a coluna direita , provavelmente vai tar assim :
width: $(main.column.right.width);
margin-right: -$(main.column.right.width);
}
depois vc acrescenta margin-top: -150px; á frente de { e tem que ficar assim :
.main-inner .column-left-outer {margin-top: -150px;
width: $(main.column.left.width);
right: 100%;
margin-left: -$(main.column.left.width);
}
[ eu fiz na coluna esqerda ]
mas se tiverem procurado a coluna direita , tem qe fazer a mesma coisa .
reparem qe nem tudo subiu !! entao vcs tem qe apertar CTRL + F ou apenas F3 e procuram .main-inner .fauxcolumn-left-outer { e vai aparecer algo parecido com isso :
.main-inner .fauxcolumn-left-outer {
width: $(main.column.left.width);
}
e colem de novo margin-top: -150px; á frente de { .. tem qe ficar assim :
.main-inner .fauxcolumn-right-outer {margin-top: -150px;
width: $(main.column.right.width);
}
pelo seguro , acho melhor fazerem nas duas colunas , mesmo se nao tiverem uma delas ..
ok ??
Dica :
--> os blog's qe tiverem banner ou páginas , vai ficar assim :
por isso , antes de fazer esse tutorial , tirem as páginas da vista ( nao é preciso eleminar , apenas tem que ir a PÁGINAS >> NAO MOSTRAR e tirar o Layout tbm .. ok ?? =D )
esqeci dizer , mas vcs podem mudar o numero 150 por outro maior ou menor .. quanto maior , + sobe a barra lateral .. ok ? mas mantenham o - !!
espero que tenha sido util .. Janee !! ^O^
Adorei o tutorial! Salvei para mais tarde usar! Adorei o blog também *-* seguindo e curtindo muito... Pode seguir o meu de volta? http://modificandoo.blogspot.com.br/ Topa parceria? ♥ beijos te espero lá
ResponderEliminarainda bem qe gostou do tutorial !! ^O^
Eliminarvou já visitar o seu blog ;)
obrigada por seguir o meu .. ^-^
e sim , aceito parceria ..
Ok linda, você pode pegar o banner do meu blog e colocar no seu! E se quiser pode me dar seu banner ou seu link-me para eu colocar na minha página de parceiros! Beijos ♥ pode ver a página aqui: http://modificandoo.blogspot.com.br/p/parceiros-breve.html
ResponderEliminaros meus buttons tao na página de parceria no menu ;) pode pegar qualqer 1 ..
EliminarAmor ao invés de parceria pode ser afiliação?
ResponderEliminarhttp://y-meninas.blogspot.com.br/
claro , com prazer ;)
EliminarAmeii o blog ,continue assim que vc vai muito longe.
ResponderEliminargostaria de afiliaçao??
http://planetadospngs.blogspot.com.br
aceito sim !! ;)
Eliminaroiiieeee eu ja estou fazendo um botaozinho de parceiria.
ResponderEliminarhttp://mundode-otakus.blogspot.com.br/
ok ^^
EliminarOiie Você Disse que queria fazer Parceria comigo,mas aquele não é o meu Blog.Eu faço Posts em Vários Blogs ai se vc Quiser fazer fazer Parceria comigo meu blog é
ResponderEliminaro http://sakuraewinxparasemprebelievix.blogspot.com.br/
Aquele que vc Viu eu só Posto lá!
Oks?
Beijos seu Blog é Maravilhoso!
;D
ok ! ^^ vou já pra lá *O*
EliminarGostei do blog !
ResponderEliminarbirthdaycakeoficial.blogspot.com