3 de jan de 2013

Colocando Faixinhas no título dos gadgets


 É muito facinho.


UP! TUTORIAL ATUALIZADO
 Vi o tutorial no blog: Kokoro Kawaii



Lembrando que é recomendável fazer um backup do seu modelos de html antes de fazer qualquer alteração.


Vá em editar HTML do seu blog dê Ctrl+F e procure por:

/* Widgets

Cole abaixo (lodo depois dos pontilhados, caso haja em seu blog) esse código.
.sidebar .widget { text-align: center;   border-bottom: 2px solid $(widget.border.bevel.color);  padding-bottom: 10px;padding-left: 10px;padding-right: 10px;  margin: 30px 0;Background: #ffffff;box-shadow: inset 0 0 40px #eee, 0 0 6px #ccc;border-bottom: 10px solid #aca8e8;}.sidebar h2 {font-family: Century Gothic; /*Nome da fonte*/text-transform: uppercase;font-size: 20px; /*Tamanho da fonte*/color: #fff; /*Cor da fonte*/background: url(http://1.bp.blogspot.com/-rOoyD8tXrUU/UJvYTgzzaSI/AAAAAAAAhec/NkQhrt2Gy7M/s1600/74.png) no-repeat center; /*Sua faixa e posição*/height: 16px;/*Altura da imagem*/line-height: 6px;text-align: center; /*Alinhamento do texto*/margin-top: 0px;margin-left:-36px ;text-shadow:0 2px 2px #e07eb6;margin-bottom:20px ;margin-right: -4px;padding:21px;width:112%;-webkit-transition-duration: .40s;}

 Altere as partes em roxo escuro. A primeira parte destacada é a cor da borda. A segunda é a onde você irá colocar o link de sua faixinha.
 Visualize, se tudo estiver certinho, salve.


RECEBI MENSAGENS DE PESSOAS QUE NÃO CONSEGUIRAM COLOCAR DESSA FORMA.
AQUI, OUTRA MANEIRA CASO ESSA NÃO DÊ CERTO NO SEU TIPO DE CÓDIGO HTML

Dê Ctrl+F e pesquise por 

/* Mobile

E cole em baixo do código:

.sidebar .widget h2{background: url(LINK DA SUA FAIXINHA)  no-repeat left;margin-top:-2px;margin-left:-19px;margin-bottom:0px;padding:15px;width:150%;overflow:hidden;}

Faixinhas do site: kokoro Kawaii

 
 
 

Faixinhas do site: Kawaii World


2 comentários:

Não saia sem comentar!
Comentando vocês nos incentiva a continuar postando e podemos saber de sua opinião quanto ao post e/ou o blog!

OBS: Por favor. Vamos manter a postura.
Sem xingamentos com palavras de baixo calão