♦ Tutorial ~ Separando a área de post

Ouvindo Fashion Monster -Kyary DIVA-
 Olá galera, tudo bem? Acho que não está tudo bem para todo mundo, pois aposto que amanhã as aulas começam para bastante gente, eu já estou acostumado, minhas aulas começaram dia 02, por isso sofri mais que vocês TT^TT, mas tudo bem.
  Faz bastante tempo que eu não trago um tutorial, tudo que eu posto agora são efeitos e mais efeitos, então vou tentar parar por um tempo. Hoje eu deveria trazer themes para tumblr, mas não consegui fazer nenhum, estou trabalhando na criação de um do Naruto mas ta dificil, odeio usar themes base, por isso estou todo confuso.
  Aaahhh, vamos aprender a separar a área de post e partes, para que cada post fique meio distante um do outro, é bem simples e embeleza bastante o blog. Não vou mostrar imagem de exemplo por que estou com preguiça de tirar print. Então vamos lá aprender.

No seu layout vá em:
Modelo >> Editar HTML
Aperte Crtl + F e procure por
.main-inner .column-center-outer {
Você vai encontrar algo parecido com isso:
.main-inner .column-center-outer {
 background: $(post.background.color)
$((post.background.url)
 repeat scrool top left; _background-image:none;}
APAGUE TODA ESSA PARTE e cole isso
.post-outer{
border-top: solid 10px #ff8ab1; /*borda de cima*/
box-shadow: inset 0 0 10px #d6d6d6, 0 0 5px #ccc;  /*sombra*/
margin: 3px 2px 10px;
background: #fff; /*cor de dentro*/
padding: 25px 10px;
Visualize
Agora mude a cor da borda #ff8ab1 para qualquer uma que você quiser AQUI tem uma tabela.
E mude a cor de dentro #fff para qualquer outra, mas aconselho não mudar.
Visualize novamente e salve se estiver tudo certo.

O layout do mês que vem está quase preparado, o tema é de corações, rsrsrsrs.
Lovelly, você tá bem??? rsrsrsr Nunca mais falei contigo. Poderia fazer mais ilustrações para os posts, as minhas acabaram.

Bye bye

22 comentários:

  1. Respostas
    1. De nada, ele é bem prático e ajuda meso, rsrsrs.
      Amei teus blogs.

      Excluir
  2. que lindo este tuto...
    gosto de tudo que você faz...
    amore a borda que tem que mudar a cor, seria
    aquela faixinha que fica em cima?
    pois eu antes desse seu tuto, separei a area de post, mas
    eu queria ter colocado uma faixinha colorida em cima, mas
    sei lá não sabia como, e queria saber se é isso?
    aí eu coloco!
    que bom que o blog de vocês existe que aí eu posso fazer minhas
    perguntas baka!!

    beijos

    dazzling--world

    ResponderExcluir
    Respostas
    1. Obrigado Amore ^^
      Sim sim, a border-top é aquela linha que fica em cima da area de posts, eu demorei mó tempão para aprender sobres as bordas e talz também.
      Perguntas baka nada amore, é apenas dúvida.

      Beijos

      Excluir
    2. Por isso te amo tanto...
      não só porque sempre me ajuda, mas
      por não se chatear com essas minhas perguntas...

      Beijos Amore...

      Excluir
  3. Hello~
    queria me afiliar a esse blog, adorei aqui :3

    http://reinadodasotomeskawaiis.blogspot.com.br/

    xoxo~

    ResponderExcluir
    Respostas
    1. Desculpa não ter respondido o outro coment.
      Mas aceitei e já lhe adicionei.

      Excluir
  4. É bastante útil ^^

    http://heartsstrings.blogspot.com.br

    ResponderExcluir
  5. Oii, não sei como funcional o esquema de afiliados do seu blog, mas gostaria de fazer parte ^^

    ResponderExcluir
  6. Olá!

    Eu acabo de criar um grupo no Facebook para garotas otomes que blogam. E gostaria que você participasse!
    A ideia é criar uma network de blogueiras que gostem de animes, mangás, cosplay e afins para discutir assuntos e trocar contatos!
    A blogosfera otome é um pouquinho desunida, vamos nos socializar e aumentar o potencial dos nossos blogs!

    Enfim, caso se interesse, o link para o post explicativo o grupo está aqui:
    http://migre.me/d1pdF
    E o grupo está nesse endereço: http://migre.me/d1pBo

    Participe, vai ter bolo! so q n *apanha*
    Agradeço a atenção!

    Muitos beijos,
    UsagiQUEEN ~
    http://otometeatime.com.br

    ResponderExcluir
    Respostas
    1. Adorei a ideia e o prejeto, vou avisar para Lovelly, vai que ela participa, rsrsrs.
      Eu não posso pois sou menino, kkkkkkk.
      Bye bye

      Excluir
  7. Esse é oficialmente um dos meus blogs favoritos.
    Curti tanto as postagens que li até a primeira.
    Aprendi um montão de coisa.
    Continuem assim, vcs são otimos.
    Ah visit ameu blog: http://umaborboletalaranja.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigado, é muito bom ter alguém que goste tanto daqui, rsrsrsrs
      Fico ate sem graça, sério. Obrigado mesmo.
      Claro que continuaremos assim, o céu é o limite.
      Visito sim.

      Excluir
  8. Ajudou esmO!Mais o meu era outro código para subistituir,era a mesma coisa só muda algumas coisitas!! Obrigada

    ResponderExcluir
  9. Oi. Desculpe incomodar, é que eu estou usando um dos layouts aqui do blog, o "Pastel Color" e não consegui fazer esse tuto nele, poderia me ajudar??
    http://you-remyfavoritesong.blogspot.com

    ResponderExcluir
  10. Amei muito esse tuto é fofo.
    estou seguindo aqui seu blog é perfeito... Se você for visita meu cantinho e estiver fechado é porque estou arrumando o layout mais amanhã a tarde já vai esta aberto.
    BEIJOS!

    rarosej.blogspot.com.br

    ResponderExcluir
  11. Ótimo titorial. Parabéns! Já estou usando. talmeida.com

    ResponderExcluir
  12. Esse foi o único tutorial daqui que não consegui usar de jeito nenhum... :/ Infelizmente, não consegui encontrar essa parte que precisa ser substituída. Mas se você visse meu blog ontem, antes de eu começar a usar seus tutoriais, ia entender o quanto me ajudou! =)

    Ju
    Entre Palcos e Livros

    ResponderExcluir