12/07/2013

Tutorial - Arredondar postagens + arredondar sidebar + juntar ambas



Oi minna!!
Vim trazer-vos 3 tutoriais bem fáceis de se fazer para deixar o vosso blog mais fofo e bonitinho...
Quero começar por dizer que só testei estes tutoriais no modelo Travel/Viagem do blog...
Bom, usei imagens para demonstrar como irá ficar, de um visual que eu fiz...
Vejam:

-----------------------------------------------------------------------------

Então vamos lá...

Tutorial 01- Arredondar a Sidebar

Vá em Modelo >> Editar HTML
Dê um CTRL+ F e procure por:

(Se a sidebar for do lado direito)
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {

(Se a sidebar for do lado esquerdo)
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {

E após encontrar coloque por baixo disso, isto:
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
Mude o numero "30" diminuindo ou aumentando como quiser.
Visualize para ver se tudo correu bem, e GUARDE!


Tutorial 02- Arredondar zona das postagens

Vá em Modelo >> Editar HTML
Dê um CTRL+ F e procure por:
.main-inner .column-center-outer {
E após encontrar coloque por baixo disso, isto:
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
Completamente a mesma coisa... Mude o numero "30" diminuindo ou aumentando como quiser.
Visualize para ver se tudo correu bem, e GUARDE!


Tutorial 03- Juntar a Sidebar com as Postagens

Vá em Modelo >> Editar HTML
Dê um CTRL+ F e procure por:
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
Vai aparecer algo assim:
Clique na imagem para ampliar
(apague tudo o que está com destaque roxo)
Visualize e se tudo estiver como planeado GUARDE!


Bom, espero que tenham gostado e que tenha sido útil.
Qualquer duvida comentem que tentarei ajudar assim que possível ;)

Kissus~

13 comentários:

  1. Oin >-<
    Achei muito kawaii os tutoriais *o*

    Kissus~

    ResponderExcluir
  2. Nyah! Bunny-chan :3 Eu já conhecia esse totu :3 Mas tenho a certeza que muita gente estava precisando disso ><

    Ne ne, eu queria saber se você faz lays para outros blogs se lhe pedirem? ^^"

    Kissus de baunilha!!

    ResponderExcluir
  3. Otimo Tutorial Bunny-chan *-*
    Já né :3

    ResponderExcluir
  4. Adorei *-* bem fáceis e úteis ;3 quando for me dedicar a fazer um layout de novo vou usar ^^
    Eu quero sim afiliação *0* Vou colocar la no blog,adorei o seu é muito fofo e kawaii.
    http://catchingfeelings-love.blogspot.com.br/

    ResponderExcluir
  5. Nossaaa! Que legal ! Vou usar no meu proximo layout! Adoreiii!
    visita ? http://umablogueiracrista.blogspot.com.br/ ( este blog tem tutoriais também )

    ResponderExcluir
  6. Oi Bunny, você é muito linda! Eu amei seu blog. O tutorial me ajudou muito (por enquanto meu blog está desativado por reconstrução) até!

    ResponderExcluir
    Respostas
    1. Awwn. Obrigada >-<
      Que bom que foi util!

      Quero o link do seu blog assim que vc o terminar tah? :3
      Bjs

      Excluir

Se queres comentar:
☾ Nada de palavras indecentes!
☾ Se eu te conhecer, no comentário anónimo podes assinar no fim, por favor?^^
☾ Se quiseres falar comigo no msn podes adicionar:
bunnytsukino5@hotmail.com
☾ Diverte-te e comenta sempre que quiseres!

©