A pedido da leitora Daniela daqui do PH vou postar como colocar aquele fundo com imagem nos comentários do blog. Muito fácil de fazer só basta ter atenção ok? Existe dois tipos colocarei apenas um.
Modelo - editar Html - Ctrl+F ou F3 e pesquise por:
#comments
poderá aparecer assim:
#comments {
background: #FFFAFA; none repeat scroll top center;
padding: 15px;
}
background: #FFFAFA; none repeat scroll top center;
padding: 15px;
}
Caso queira mudar a cor, apague o que destaquei de vermelho e coloque a cor que deseja.
tabela de cores
tabela de cores
Para colocar a imagem no fundo:
#comments {
background: #FFFAFA; none repeat scroll top center;
padding: 15px;
}
background: #FFFAFA; none repeat scroll top center;
padding: 15px;
}
apague o que destaquei de vermelho e coloque o seguinte código:
background: url (url da imagem) none repeat scroll top center;
onde está marcado de roxo, você vai colocar a Url do blog. Se caso não saiba como pegar a Url, faça uploud da imagem aqui e pegue o último código.
Caso queira que fica personalizado assim como o meu faça o seguinte. Vá em Modelo > editar html > Ctrl+F ou F3 e procure por:
Caso queira que fica personalizado assim como o meu faça o seguinte. Vá em Modelo > editar html > Ctrl+F ou F3 e procure por:
#comments {
Daí então o substitua o que marquei de vermelho por este:
#comments h4 {
background:url(http://www._drikoti.blogger.com.br/back06.gif);
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;background:url(URL DA IMAGEM);
}
#comments-block .comment-author {
Font-weight: bold;
color:#FFB5C5;
font-size:12px;
margin:.5em 0;
font-family:tahoma;
height: 30px;
color:#FFB5C5;
line-height:2em;background:#F5DEB3;
}
#comments-block .comment-body {
background:url( URL DA IMAGEM );
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
background:url( URL DA IMAGEM );
line-height: 1.4em;
color:#111;border: 20px #FFE4E1;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 75;
font-size: 11 px;
line-height:1.5em;
background:#f1f1f1;;
color:#111;border: 3px #535456;
}
Vermelho : 1ª cor do Disse , 2ª cor da Data
Rosa : trocando todos os links rosa, coloque o background/fundo que deseja. Nada de cada links um fundo diferente. Todos tem que estar com as Urls iguais!
Verde : se refere a barra com nome de cada comentarista.
Créditos a Candy Reis.
Beijos.
Adorei o tutorial ♥
ResponderExcluirConversando com a lua ღ Facebook do blog
Usado e muito bem Aprovado Ameei !
ResponderExcluirhttp://guiaextra.blogspot.com
To pensando em fazer isso no meu próximo layout
ResponderExcluirhttp://www.perfeitinhablog.com/
http://thaisr-encomendas.blogspot.com/
Ain fica super fofo, os meus por enquanto eu to usando meio que básico mesmo, pq eu cansei de usar cores!
ResponderExcluirkkk
====>WORLD GIRL<====
http://ianapaulinhaaaa.blogspot.com/
@ianapaulinhaaaa
Acho lindo comentários com bg (: Amor, está lindo aqui *--*
ResponderExcluirBeijos ♥
http://diamontlilac-news.blogspot.com/
OMG!! *.* Mt,mt OBG!!! vc é d+ .o que seria de mim sem vc?????
ResponderExcluirconfere meu post novo
ResponderExcluirhttp://www.perfeitinhablog.com/
http://thaisr-encomendas.blogspot.com/
Oi flor, nossa ele Layout tá muito legal também... Tem como você dizer onde pegou este background? É porque estou tentando fazer um novo layout e queria um background bem legal...
ResponderExcluirhttp://antigomoderno.blogspot.com
Fica super fofo assim, ainda vou fazer no meu *-*
ResponderExcluirbeijos,
http://s2juuh.blogspot.com/
Adorei o tutorial, isso deixa os comentários mais bonitos.
ResponderExcluirhttp://perfeitamenteteen.blogspot.com
NÃO DÁ
ResponderExcluir@Once~ler
ResponderExcluirNão encontrou o código?