Background nos marcadores

Hello!!! Tudo bem?? Então hoje eu vim trazer um tutorial, é assim, como colocar background nos comentários, eu aprendi ele no blog Go Imagine então créditos a ele (www) Vamos ao tutorial??

Leia mais??

Existe duas formas de fazer. Com a imagem inteira (Mais difícil) e com imagem no topo e cor (Mais fácil), eu vou ensinar o modo mais fácil. Entenda:

Imagem do Go imagine

é muito bom e ainda é mais simples e a caixa com cor vai aumentando conforme você for adicionando mais tags, ou seja, não requer edicionando.

É importante que você esteja usando o gadget de marcadores em Cloud (tags misturadas, como a minha) Antes de começar o tuto, quero creditar o Go imagine pelo tutorial

Entre no seu Html tecle CTRL + F e procure por /* Main

após encontrar, cole o seguinte código acima dele:

/* Fundo nos marcadores --------------------------------------------- */

#Label1 {

font-size: 13px;  /*Tamanho da fonte do texto do gadget*/ 

line-height: 12px;

margin-left: 0px;

background: #ffffff url('url da imagem') no-repeat left top; /*Cor e imagem de fundo*/

}

#Label1 .widget-content {

padding: 50px 10px 10px 10px;  /*Espaçamento*/  

margin: 0;

color: #696969;  /* Cor da fonte */  

}

OBS: o #fff se refere a cor da caixa do gagdet, enquanto a url se refere a iamgem de topo. Quando for fazer a imagem leve em consideração a largura da sua sidebar!!! 

Bases:

Na cor do background (do lado da url) coloque #FFCACA

Na cor do background (do lado da url) coloque: #FFF

E uma pronta para vocês:

 

Na cor do background (do lado da url) coloque: #FFF