03 janeiro 2013

Colocando Faixinha no título dos Gadgets




 É muito facinho.
 Vi o tutorial no blog: Kokoro Kawaii



UP! TUTORIAL ATUALIZADO!

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

Tutorial do blog: Caramelos Encantados

Dê Ctrl+F e pesquise por 

/* Mobile

Terá esse código abaixo dele:
 body.mobile

Cole antes dele:

.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: Caramelos Encantados



Faixinhas do site: Kawaii World

2 comentários:

Não deixe de comentar!
Sua opinião é muito importante e nos serve de incentivo para melhorar!

© STM - 2015. Todos os direitos reservados.
Criado por: J - (créditos também a:, ,,,).
Tecnologia do Blogger.
imagem-logo