Comentário,tags,autor personalizados

06 setembro 2013

Hello! Como vão ?
Hoje eu vou ensinar como deixar a parte dos comentário,tags,autor etc... igual o daqui hehehe >.<

Primeiramente você vai no seu HTML >CTRL+F>]]></b:skin> 
E acima do ]]></b:skin> você coloca :


.post-footer-line-1{
border-top: 1px groove #A3A2A2 ;
border-bottom: 1px dotted # A3A2A2 ; /* Estilo da borda */
}
.post-footer-line-2{
border-top: 1px solid #A3A2A2;
border-bottom: 1px dotted # A3A2A2 ; /* Estilo da borda */
}
.post-labels a {
background: #66CDAA; /*Cor de fundo das tags*/
padding:1px;
color:#FFFFFF; /*Cor da letra */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.post-labels a:visited {
background: #66CDAA/*Cor de fundo das tags hover*/
padding:2px;
color:#FFFFFF; /*Cor da letra */

E pronto !
Observações: 


  • Se você quiser mais linhas é só copiar :
.post-footer-line-2{
border-top: 1px solid #A3A2A2;
border-bottom: 1px dotted # A3A2A2 /* Estilo da borda */
}
Colar abaixo do mesmo só que ao invés de  pos-foote-line 2 mude o número para 3


  • Se a borda que você deseja não aparecer mude a de cima também como por exemplo :
.post-footer-line-2{
border-top: 1px solid #A3A2A2;
border-bottom: 1px dotted # A3A2A2 /* Estilo da borda */
}

  • Para editar as cores use essa tabela aqui
Qualquer dúvida me grita  
Beijão 
Comentários
8 Comentários

8 comentários:

  1. Adorei o tutorial , muito bacana !! Vou usar no próximo lay ^^
    Pandarise.blogspot.com.br

    ResponderExcluir
  2. Gostei do blog, o layout realmente está lindo!
    Eu amei o tuto, bem utilizado e bem procurado!~
    Sucesso pra você,
    Kissu, Bia | http://world-goodies-utilitarios.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Nossa muito obrigada Bia
      Desejo tudo em dobro para você
      Beijão

      Excluir
  3. Adorei o layout daqui u_u
    Adorei o tuto <3, é bem util. vou usar no proximo layout.
    Sucesso u_u

    15 Days
    OBS: Seguindo aqui, segue de volta?
    Bjos ~

    ResponderExcluir
    Respostas
    1. Awn muito obrigada Amanda *-*
      Tomara que use mesmo u_u
      Sucesso para o seu blog também linda;
      Já estou seguindo!
      Beijitos

      Excluir
  4. Adoreiiiii muuiiitícimo o layout esta divo o tuto tabém foi bem utíl ^^ ultimamente meu blog está muito sem leitores se você poder me ajudar, poderia divulgar meu blog? divulgo o seu também tem um joguinho lá no blog, entra lá um pouquinho?? bjus

    www.birthdaykawaii.blogspot.com // Birthday Kawaii

    ResponderExcluir
    Respostas
    1. Valeu Vi *-*
      Eu não consigo acessar o seu blog amor o que está acontecendo ?

      Excluir

© Dilemas Indies - 2014. Todos os direitos reservados - Criado por: Bárbara Nascimento - Tecnologia do Blogger. imagem-logo