05/05/12

Tutorial - Personalizando a área dos comentários

Oi cupcakes de baunilha !!
Hoje trago um grande tutorial, que te pode dar muitos mais comentários.





1º - Vamos tirar aquele fundo cinzento horrível.



Vai ao html, pressiona ctrl + f e procura por : #comments {
Depois, vais achar algo parecido com isto : background: $(comments.background); 
Se quiseres um fundo substitui por background: url("URL DA SUA IMAGEM") repeat;
Se preferires uma cor mete : background : color CÓDIGO DA COR;
Podes usar esta tabela

2º - Se quiseres uma borda colorida, cola isso abaixo da tag do teu background : border: 1px solid #000;

Para mudar para uma borda pontilhada, basta mudar o solid para dashed.


3º - Para arredondar a borda, basta meter este código em baixo de algum desses códigos : 

border-radius: 20px 20px 20px 20px;

Resultado final :


Créditos : Garota do Olhar Sincero ( exceto a parte do "background color" que fui eu que fiz )
Gostaram do tuto ?


9 comentários:

  1. Ficou mesmo lindo . Não faço dessa maneira , porque não sei mexer no hmtl por isso ;$ , Obrigada pelo tuto

    ResponderEliminar
  2. Vou usar *ooo*

    http://liemarieoficial.blogspot.com.br/

    ResponderEliminar
  3. Usando, flor (:
    de boa, mas nada de postar coisas do tipo ''Justin Biba'', ok?
    Não consegui colocar a cor, mas ficou lindo com a borda, beijos :)

    http://prettygirls-swag.blogspot.com

    ResponderEliminar
    Respostas
    1. Este comentário foi removido pelo autor.

      Eliminar
  4. Oi flor!
    Amei o tutorial.
    Tem um selinho pra vc lá no blog :D

    Bjs
    justgloss.blogspot.com

    ResponderEliminar
  5. Olá , meus parabéns pelo post :)

    versosdeprincesa.blogspot.com

    versosdeprincesa.blogspot.com

    versosdeprincesa.blogspot.com

    ResponderEliminar
  6. Olá ! Super legal e bem útil !
    Hey flor , aceita afiliação ? se sim , me coloca como afiliada ? retribuo !

    http://delicadasederivados.blogspot.com.br

    http://delicadasederivados.blogspot.com.br

    http://delicadasederivados.blogspot.com.br

    http://delicadasederivados.blogspot.com.br

    ResponderEliminar
  7. obg me ajudou muito!!
    amei seu blog ;)

    http://rarosej.blogspot.com.br

    ResponderEliminar

-Não coloques o link do teu blog para ele não ser excluído. Retribuo mesmo que deixes só "Cat Girl".

-Comentários do género "Seguindo, segue de volta", "Adoro seu blog", "Novo concurso..." não serão respondidos.

-Fala alguma coisa sobre o post, senão não retribuo.

-Aceito críticas construtivas, nada de palavrões ou coisas do género.

Beatriz


Layout by Beatriz D. ~ Cat Girl | Proibido cópias