4.12.12

Área do Post Personalizada

Hello Moustaches~~

Trouxe o tuto de como personalizar a área do post e ficar
como a minha, se tiverem dúvidas comentem
nesse post ! 
Créditos: Prince Teen


Linha pontilhada abaixo do título da postagem:


Vá no seu HTML aperte F3 e procure por:
h3.post-title {
Deixe ele desse jeito:
 h3.post-title {
  margin-top: 20px;
  border-bottom: 3px dotted #ccc;
}
 Arredondar as Bordas da Área do Post:

Vá no seu HTML aperte F3 e procure por:
.main-inner .column-center-outer {
substitua essa tag por isso:
.post-outer {
margin: 4px 2px 30px;
padding: 10px 10px;
background:#ffffff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
er-top: 5px solid #b1d4b3; /*------------Cor da barra de baixo------*/
border-radius:2px; /*-------------Arredondamento da área--------*/
border-bottom: 5px solid #b1d4b3;
border-top: 5px solid #d4bfb1;
box-shadow: inset 0 0 6px #e2e1e1, 0 0 1px #ccc;
}

Edite as Bordas com esse site[www] e edite as cores com 
essa tabela[www]

9 comentários:

  1. obg pelo tuto ana, funcionou direitinho :)
    kisses

    ResponderExcluir
  2. Muito útil esse tuto *-*
    Adorei :D

    Layout novo, vem conferir? #Crazy-HTML

    ResponderExcluir
  3. Omg que blog lindo maravilhoso *o*...
    Amei seu lay, seu conteúdo e a originalidade do seu blog, aceita afiliação? >.<
    http://garotanomundohtml.blogspot.com.br/
    Se quiser dar uma passadinha no meu blog ficaria agradecida .. Beijos de amora..

    ResponderExcluir
  4. Obrigada,acho que foi eu que pedi
    Ajudou muito

    ResponderExcluir
  5. Amei o blog!É perfetitoo !To seguindo,segue de volta?http://behappywithluuh.blogspot.com.br bjoo

    ResponderExcluir

Antes de comentar siga essas regrinhas:
- Aceito segue,segue de volta
- Quando Pedir alguma coisa especifique
- Retribuo todos os comentários
- Pedidos de Afiliação só na Página de Afiliações
- Não use palavras ofensivas
- Não me peça para Divulgar porque não aceito Divulgações