02/06/2014

[Tutorial] Modelo de comentários 1

Hiyori-chan *uuuu* Meu avatar u3u
Olá people do meu kokoro *-*

Tudo bom?>-< Espero que sim desu ~ Que acham do novo tipo de ilustração? :3 Espero que gostem u3u
De manhã, toda a gente foi á minha volta :v Porque tinha o cabelo esticado o3o Sou famosa, gente u3u
Hoje tive teste de Português e de Educação Física \o A meio do teste de Português, a Meggy M. teve um ataque de pânico '-' Dizia que não sabia nada e começou a fazer uma piscina na sala ._.
Enfim, vim aqui postar um tutorial de um modelo de comentários .3. Cliquem em Ler mais... ~


1.- Modelo > Editar HTML > Aperta Ctrl + F e procura por: ]]></b:skin>. Acima disso cola:

/*****************************INICIO COMENTARIOS - CHERRY-LIAH.BLOGSPOT.PT*****************************/
#comments h4, #comments .comment-author a, #comments .comment-timestamp a { /*Texto "X comentários:"*/
color: #c19bdf; /*Cor da fonte*/
font-family: Verdana; /*Fonte do texto*/
font-size: 18px; /*Tamanho da fonte*/}
#comments {
background: #fff; /*Fundo da área geral dos comentários*/
padding: 15px;
}
.comments .comment-block { margin-left: 70px; /*Espaço entre o avatar e o corpo do comentário*/}
.comment-header {
background: #c19bdf; /*Cor de fundo do nome do autor do comentário*/
border: 1px solid #9e80b6; /*Borda de onde fica o nome do autor do comentário*/
padding: 3px;}
.comment-header a {
color: #fff !important; /*Cor do nome do autor do comentário*/
font-family: Verdana; /*Fonte do nome do autor do comentário*/
font-size: 16px; /*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: #684980 !important; /*Cor do nome do autor do comentário quando passa o mouse*/
text-decoration: none;}
.comments .comments-content .datetime a{
font-size: 10px !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: #e7dceb; /*Fundo do bloco de texto do comentário*/
border: 1px solid #cdc3d0; /*Borda do bloco de texto do comentário*/
padding: 10px;
color: #4c4c4c; /*Cor da fonte do bloco de texto do comentário*/
font-size: 11px; /*Tamanho da fonte*/}
.comments .avatar-image-container {
/*Tamanho do avatar. Troque todos os 50 pelo tamanho desejado*/
max-width: 50px;
max-height: 50px;
min-height: 50px;
min-width: 50px;
background: #d2b6e5; /*Cor da borda do avatar*/
padding: 3px; /*Espessura da borda do avatar*/}
.comments .avatar-image-container img{
/*Tamanho do avatar. Troque todos os 50 pelo tamanho desejado*/
max-width: 50px;
max-height: 50px;
min-height: 50px;
min-width: 50px;}
.comments .comments-content .comment {
padding:20px 10px !important;
margin-bottom:15px !important}
.comments .comment .comment-actions a {
padding: 5px;
background: #d2b6e5; /*Fundo dos botões responder e excluir*/
border: 1px solid #b59dc6; /*Borda dos botões responder e exluir*/
color: #fff !important; /*Cor do texto dos botões responder e excluir*/
font-family: verdana; /*Fonte dos botões responder e excluir*/
font-weight: bold; /*Troque bold por normal para tirar o negrito*/
margin-right: 10px;}
.comments .comment .comment-actions a:hover {
background: #e3c6f6; /*Fundo dos botões responder e excluir quando passa o mouse*/
border: 1px solid #b59dc6; /*Borda dos botões responder e exluir quando passa o mouse*/
color: #684980 !important; /*Cor do texto dos botões responder e excluir quando passa o mouse*/
text-decoration: none;}
.comments .continue { border-top: none;}
.comments .continue a {display: none;}
/************FIM DOS COMENTARIOS CÓDIGO POR CHERRY-LIAH.BLOGSPOT.PT NÃO RETIRE OS CRÉDITOS************/
Agora é apenas preciso editar o que têm descrição ^^
Créditos: Cherry Bomb
 É bastante fácil, apesar do código ser enorme ^^'

                                           Kissus!>3<

6 comentários:

  1. Mas gentx, desde quando a Hiyori tem olho roxo? Essa é a Hiyori que eu tô pensando? -q ~ Tô sumida, né? Quem sentiu minha falta? Ninguém? Okay. Cara, eu usava esse modelo a tipo.. uns 3 anos atrás, vermelho \o/ É super lindjo sá coisa. Eu tinha preguiça de fazer meu próprio modelo. Eu não era original, socorro. MAS EU TINHA UMA CANECA DO MEU BLOG, CHUPA ~ Ainda tenho, tem um moustache, super diwo ~

    ResponderEliminar
    Respostas
    1. É a Hiyori de Noragami o3o
      Eu senti falta da tia Kami-sama u-u
      Sim sim, é muito fofo o3o
      UASHUSAHUSAH, somos duas -q
      Ain vadea :<

      Arigato por comentares! Kissus!>3<

      Eliminar
    2. Mas o olho da Hiyori-chan é castanho.. -q

      Eliminar
  2. Tou ali u3u
    O meu colega também já fez isso porque ele não conseguia fazer uma conta na calculadora .3.
    Adoro o modelo dos comentários >.< até já usei no lay anterior do meu blog :v

    Kissus *3*

    ResponderEliminar
    Respostas
    1. Haii, anee famosa desu u3u
      Vish, já me aconteceu ;u;
      Hai :v Eu antes usava sempre esse ~

      Arigato por comentares! Kissus!>3<

      Eliminar

Obrigada por vires comentar!!
P.S: Sou de Portugal, alguma coisa que não percebas avisa u v u

❥Respondo a todos os comentários assim que puder.
❥Podes por o URL do teu blog no fim mas tens de falar do post.
❥Podes pedir tutoriais e utilitários.
❥Podes falar palavrões (como eu falo ás vezes) mas não ofendas ninguém com eles, ok?

♣Não aceito "Seguindo, segue de volta?", só sigo se gostar do blog.
♣Comentários insultosos para com alguém não serão publicados.
♣Não utilizes o teu comentário para publicitar o teu blog.
♣Os pedidos de parceria só são aceites na devida página(com algumas excepções).

♥Podes usar estes bonequinhos:
=((•̪●))= ๑(•ิ.•ั)๑ ٩(●̮̮̃•̃)۶ ε(●̮̮̃•̃)з ٩(×̯×)۶̿ ┌∩┐(◣_◢)┌∩┐ ⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙▽⊙ ⊙﹏⊙ ⊙△⊙ ◑▽◐ ◑ω◐ ◑﹏◐ ●︿● ●ω● ●﹏● ≧▂≦ ≧︿≦ ≧ω≦ ≧﹏≦ ≧▽≦ >︿< >ω< >﹏< >▽< ≡(▔﹏▔)≡ (¯▽¯;) <(“”"O”"”)> (-__-)b (;°○° ) \( ̄︶ ̄)> <( ̄︶ ̄)/ (/≧▽≦/) \(≧3≦)/ \(≧ω≦)/ o(≧ω≦)o o(≧o≦)o ㄟ(≧◇≦)ㄏ ╮(╯▽╰)╭ ╮( ̄▽ ̄)╭ (~o ̄▽ ̄)~o ~ 。。。(~ ̄▽ ̄)~[] (╯-╰)/ (*^3^) 'U_U ♪ ♥ ஐ ▲☼゚ ♣ (๏̯͡๏) †