3/19/2015

Modelos para área de comentários Kawaii!

                                   ~Yaaa!Oque eu falei seus safadinhos (¬‿¬) eu disse que a semana sem posts viria com muitas recompensas!Bem,estava vendo uns vídeos de Reaction no YouTube (Tipo a reação do EXO ao ver o 2ne1 se apresentando,ou o INFINITE etc)e óbvio me lembrei de postar aquie \o/ ,então hoje estarei mostrando dois modelos fofos para área de comentários!!
                                     
Ois chuchus,então foi basicamente oque vocês leram ali em cima.Então eu tava vendo uns vídeos de Reaction e também umas Youtubers,e conhecendo umas bandas novas e grupos (Me apaixonei pelo INFINITE (。♥‿♥。) e bem,vendo tudo isso me lembrei do blog então vim postar!!
Bora ver esses modelos fofuchos?
                                                               Preview 1 (≧ω≦)



/* Comments ----------------------------------------------- */ #comments h4, #comments .comment-author a, #comments .comment-timestamp a { /*Texto "X comentários:"*/ color: #dcdbc9; /*Cor da fonte*/ font-style: italic; font-family: georgia; /*Fonte do texto*/ font-size: 0px; /*Tamanho da fonte*/} #comments { background: url(http://i.imgur.com/px6qGdd.png); /*Background do Comentário*/ padding: 0px; } .comments .comment-block { margin-left: 60px; /*Espaço entre o avatar e o corpo do comentário*/} .comment-header { background: #ffe5ea; /*Cor de fundo do nome do autor do comentário*/ border: 1px solid #ffd3dc; /*Borda de onde fica o nome do autor do comentário*/ padding: 1px;} .comment-header a { color: #fff !important; /*Cor do nome do autor do comentário*/ font-family: silkscreen; /*Fonte do nome do autor do comentário*/ font-size: 8px; /*Tamanho da fonte do nome do autor do comentário*/ font-weight: normal; /*Troque normal por bold para deixar o texto em negrito*/} .comment-header a:hover { color: #fff !important; /*Cor do nome do autor do comentário quando passa o mouse*/ text-decoration: none;} .comments .comments-content .datetime a{ font-family: silkscreen; font-size: 8px !important; /*Tamanho da fonte da hora e data do comentário*/ float: right; /*Data alinha á direita*/ line-height: 16px; /*Altura da linha da data e hora*/} .comments .comments-content .comment-content{ /*Bloco de texto do comentário*/ margin-top: -10px; /*Espaço entre o bloco de texto do comentário e o nome do autor. Só mexa se souber o que está fazendo*/ position: relative; background: #fff3f5; /*Fundo do bloco de texto do comentário*/ font-family: silkscreen; border: 1px solid #ffd3dc; /*Borda do bloco de texto do comentário*/ padding: 10px; color: #ffd0d9; /*Cor da fonte do bloco de texto do comentário*/ font-size: 8px; /*Tamanho da fonte*/} .comments .avatar-image-container { /*Tamanho do avatar. Troque todos os 50 pelo tamanho desejado*/ max-width: 40px; max-height: 40px; min-height: 40px; min-width: 40px; background: #fff; /*Cor da borda do avatar*/ border: 1px solid #f4f4f4; padding: 2px; /*Espessura da borda do avatar*/} .comments .avatar-image-container img{ /*Tamanho do avatar. Troque todos os 50 pelo tamanho desejado*/ max-width: 40px; max-height: 40px; min-height: 40px; min-width: 40px;} .comments .comments-content .comment { padding:20px 10px !important; margin-bottom:15px !important} .comments .comment .comment-actions a { padding: 3px; background: #ffe5ea; /*Fundo dos botões responder e excluir*/ font-size: 8px; border: 1px solid #ffd3dc; /*Borda dos botões responder e exluir*/ color: #fff !important; /*Cor do texto dos botões responder e excluir*/ font-family: silkscreen; /*Fonte dos botões responder e excluir*/ font-weight: normal; /*Troque bold por normal para tirar o negrito*/ border-radius: 2px; margin-right: 10px;} .comments .comment .comment-actions a:hover { background: #ffe5ea; /*Fundo dos botões responder e excluir quando passa o mouse*/ font-size: 8px; border: 1px solid #ffd3dc; /*Borda dos botões responder e exluir quando passa o mouse*/ color: #FFFFFF !important; /*Cor do texto dos botões responder e excluir quando passa o mouse*/ border-radius: 2px; text-decoration: none;} .comments .continue { border-top: none;} .comments .continue a {display: none;}

                                                              Preview 2 ◕ヮ◕
 /* Comments ----------------------------------------------- */ #comments h4, #comments .comment-author a, #comments .comment-timestamp a { /*Texto "X comentários:"*/ color: #dcdbc9; /*Cor da fonte*/ font-style: italic; font-family: georgia; /*Fonte do texto*/ font-size: 0px; /*Tamanho da fonte*/} #comments { background: url(http://i.imgur.com/px6qGdd.png); /*Background do Comentário*/ padding: 0px; } .comments .comment-block { margin-left: 60px; /*Espaço entre o avatar e o corpo do comentário*/} .comment-header { background: #e6e6e6; /*Cor de fundo do nome do autor do comentário*/ border: 1px solid #d3d3d3; /*Borda de onde fica o nome do autor do comentário*/ padding: 1px;} .comment-header a { color: #fff !important; /*Cor do nome do autor do comentário*/ font-family: silkscreen; /*Fonte do nome do autor do comentário*/ font-size: 8px; /*Tamanho da fonte do nome do autor do comentário*/ font-weight: normal; /*Troque normal por bold para deixar o texto em negrito*/} .comment-header a:hover { color: #fff !important; /*Cor do nome do autor do comentário quando passa o mouse*/ text-decoration: none;} .comments .comments-content .datetime a{ font-family: silkscreen; font-size: 8px !important; /*Tamanho da fonte da hora e data do comentário*/ float: right; /*Data alinha á direita*/ line-height: 16px; /*Altura da linha da data e hora*/} .comments .comments-content .comment-content{ /*Bloco de texto do comentário*/ margin-top: -10px; /*Espaço entre o bloco de texto do comentário e o nome do autor. Só mexa se souber o que está fazendo*/ position: relative; background: #eeeef0; /*Fundo do bloco de texto do comentário*/ font-family: silkscreen; border: 1px solid #c6c6c6; /*Borda do bloco de texto do comentário*/ padding: 10px; color: #c6c6c6; /*Cor da fonte do bloco de texto do comentário*/ font-size: 8px; /*Tamanho da fonte*/} .comments .avatar-image-container { /*Tamanho do avatar. Troque todos os 50 pelo tamanho desejado*/ max-width: 40px; max-height: 40px; min-height: 40px; min-width: 40px; background: #fff; /*Cor da borda do avatar*/ border: 1px solid #f4f4f4; padding: 2px; /*Espessura da borda do avatar*/} .comments .avatar-image-container img{ /*Tamanho do avatar. Troque todos os 50 pelo tamanho desejado*/ max-width: 40px; max-height: 40px; min-height: 40px; min-width: 40px;} .comments .comments-content .comment { padding:20px 10px !important; margin-bottom:15px !important} .comments .comment .comment-actions a { padding: 3px; background: #e6e6e6; /*Fundo dos botões responder e excluir*/ font-size: 8px; border: 1px solid #d3d3d3; /*Borda dos botões responder e exluir*/ color: #fff !important; /*Cor do texto dos botões responder e excluir*/ font-family: silkscreen; /*Fonte dos botões responder e excluir*/ font-weight: normal; /*Troque bold por normal para tirar o negrito*/ border-radius: 2px; margin-right: 10px;} .comments .comment .comment-actions a:hover { background: #e6e6e6; /*Fundo dos botões responder e excluir quando passa o mouse*/ font-size: 8px; border: 1px solid #d3d3d3; /*Borda dos botões responder e exluir quando passa o mouse*/ color: #FFFFFF !important; /*Cor do texto dos botões responder e excluir quando passa o mouse*/ border-radius: 2px; text-decoration: none;} .comments .continue { border-top: none;} .comments .continue a {display: none;}
Todos são tão meigos,fodidamente fofos!!Quem tá mudando de layout,é perfeito para usar ^-^,eu usaria mas o layout do blog foi mudado a uns meses!
Bem dando os créditos ao Leadership!!
~Kissus 

3 comentários :

  1. Eu acho esses vídeos de reaction tão bizarros e engraçados cara :v, só queria entender oque as pessoas falam xD

    Eu achei muito fofo os modelinhos *lambe a tela do pc*~ q

    Beijins e Sayoo ~~

    Cherriitea

    ResponderExcluir
    Respostas
    1. Shsuahuas eu gosto porque mostra tipo oque eles acharam da apresentação.Tem um vídeo que mostra a reação do EXO vendo o 2NE1 se apresentar (cantando Come Back Home) e tipo eles piram >.<.obrigado por gostar!

      Excluir
  2. amei e vou usar no lay do meu blog (dando os créditos, lógico) szsz

    ResponderExcluir