Como colocar imagens com nome acima do gadget

 

Bom, tem a forma de você fazer com o fundo transparente e ir colocando, e tem essa forma que eu vou ensinar, que você não precisa fica fazendo, em site de montagem, é só colocar o nome do gadget, muito facil é eu aprendi olhando nesse blog aqui.

Vamos lá..

Primeiro, você deve escolher como você quer que fique...

Se é assim

.sidebar h2 {

text-align: center;

background-color: #ccc; ---/*cor de fundo */

width: 265px;

height: 15px;

font-size:13px; ---/* tamanho da fonte */

text-shadow:0 1px 1px #fff;

border-bottom: 3px solid #DEC4F4; ---/* cor da linha */

A, A:link: #000000;text-decoration:none;

-moz-border-radius: 10px; /* Para Firefox */-webkit-border-radius: 10px; /*Para Safari e Chrome */border-radius: 10px; /* Para Opera 10.5+*/ }

PS: Se não quizer arredondado, retire a parte em rosa .

Ou assim

.sidebar h2 {

text-align: center;

background-color: #ffffff; ---/*cor de fundo */

width: 265px;

height: 15px;

font-size:12px; ---/* tamanho da fonte */

text-shadow:0 1px 1px #c9c9c9;

A, A:link: #000000;text-decoration:none;

border-bottom: 1px dashed #ff79c1;

border-top: 1px solid #ffffff; }

Ou assim

.sidebar h2 {

text-align: left;

background-color: #F1F1F1; ---/*cor de fundo */

width: 265px;

height: 10px;

font-size:15px; ---/* tamanho da fonte */

font-color:#707070; ---/* cor da fonte */

text-shadow:0 1px 1px #c9c9c9;

A, A:link: #000000; 

text-decoration:none;

border-top: 1px solid #ffffff;

border-bottom: 3px double #b779ff; }

Agora para colocar um desses ai você deve procurar esse tag:

]]></b:skin>

E colar logo acima dele, vizualise e veja se está tudo certinho e salve.

©reditos a OtherThigs