Olá, como eu disse no meu ultimo post, eu vou deixar um tutorial para vocês por causa que eu fiquei um tempo sem entrar logo quando eu tava começando o bloge tal...enfim espero que possa ser bem útil.
Então... o tutorial e sobre arredondar a área do post e do gadget ( as barras laterais ), que deixa o blog com um ar mais ''fofo'', mas esse tutorial só funciona geralmente com os layout feito em cima do modelo travel que deixa as barras laterais do tamanho da área do post, a chamada ''barras de rolagem infinita'' e na minha opinião eu não gosto muito ( imagem a baixo ).
Enfim eu vou fazer a barra e a área do post de vocês ficarem arredondadas assim:
Esse print e do antigo layout do meu outro blog de coisas de fãs, se vocês perceberem a área do post e a da barra lateral estão juntas, depois eu posto um tutorial de como junta-las.
Arredondar a ária do post:
- Primeiro vamos arrendondar a área do post, você deve ir em modelo > editar html > ctrl + F e você vai procurar por:
.main-inner .column-center-outer {
- Em baixo desse código que você achou, vai colar um desse códigos:
Para Firefox >>> -moz-border-radius: 10px;
Para Safari e Chrome >>> -webkit-border-radius: 10px;
Para Opera 10.5+ >>> -border-radius: 10px;
Depois de ter posto um desses códigos de baixo do que você achou salve tudo e pronto, sua ária do post já está arredondada.
Arredondar as barras laterais:
- Primeiro você vai no seu html > ctrl + f e vai procurar por:
Se sua barra lateral for a direita >> .main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
Se sua barra lateral for a esquerda >> .main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
- Depois de você deve botar um desse códigos em cima desse que você achou:
Para Firefox >>> -moz-border-radius: 10px;
Para Safari e Chrome >>> -webkit-border-radius: 10px;
Para Opera 10.5+ >>> -border-radius: 10px;
Depois de você ter posto um desses códigos acima, em cima do código que você procurou salve tudo e pronto, sua barra lateral já está arredondada.
Bom e isso, ate o próximo post gente, bjsss <3
Nenhum comentário: