Carregando atualizações...

X

Personalizar o Plano de Fundo Da Área dos Comentários

Nesta postagem estarei mostrando algo muito diferente, mas, bem interessante de se ter na área dos comentários, pois, deixa o template mais bonito e criativo.


A imagem de fundo da qual eu estou falando é aquela (na imagem acima) do Capitão Jack Sparrow de Piratas do Caribe.

Mas é claro, que você pode colocar a imagem de acordo com o seu gosto. 




Para colocar em seu blog...... Entre em "Modelo" - "Editar HTML" e procure pela tag
]]></b:skin>
Tendo encontrado a tag, basta colocar ACIMA dela o seguinte código
/* Comentários - Fundo Personalizado by DicasHot
----------------------------------------------- */
#comments{
background:#737373 url(http://i.imgur.com/WT1MsMQ.png) no-repeat;
width:584px;
margin-left:8px;
margin-top:-35px;
padding:35px 0 0 30px;
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
border:solid 5px #282828;
}
#comments b {
margin: 10px 0 15px 0;
padding:  15px 10px;
font-style: normal;
border: 1px solid #eee;
background: #c7d7e0;
color:#115588;
}
#comments h4 {
color:#dcdcdc;
margin-left:1px;
font:16px Oswald, Helvetica, sans-serif;
text-transform:uppercase;
}
#comments-block {
background:#b5b5b5;
line-height:1.5em;
margin:-25px 100px 0 0px;  /* 1px move ^ 2px move < */
}
.comment-author a{
text-align:left;
position:relative;
margin-left:5px;
color:#fff;
}
.comment-timestamp{
margin-right:10px;
margin-top:-20px;
text-align:right;
position:relative;
}
.comment-timestamp a:hover{color:#000;}
#comments-block .comment-author {
background:#659f00;
margin:.5em 0;
}
#comments-block .comment-body {
background:#b5b5b5;
padding:  5px 20px;
font:15px Arial, Helvetica, sans-serif;
}
#comments-block .comment-footer {
background:#b5b5b5;
text-align:right;
margin-right:10px;
}
A parte destacada de azul no código refere-se a URL da Imagem de fundo.

Tendo feito tudo está pronto!!!

Cursos On-line 24 Horas - Educação a Distância de Qualidade

NOSSO CANAL
VER TV A CABO ONLINE GRÁTIS
TV ONLINE 1.0