15 de fev. de 2013

Tutorial : Faixinha no título da sidebar + Modelos de faixinha

Heey doces de batata doce '-' , não sei ainda se vou ficar postando muito seguido aqui no blog , porque tenho vida fora do pc , mais enquanto tiver coisas interessantes e criatividade estarei sempre aqui ;3.
Graças a coisa linda da Amandinha , vou postar como colocar faixinha no título da sidebar , igual é aqui no blog ^^.
( Eu usei esse código a muito tempo e não me lembro de onde tirei , então se foi você , avise em um comentário para mim dar os devidos créditos )
 Bora ver o tutorial e as faixinhas ?

Procure por .sidebar h2 {

Apague tudo que tiver lá , e substitua pelo código abaixo.


.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(LINKDAFAIXINHA) 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;
}

 Visualize veja se está tudo certo e salve.

Agora os modelos de faixinha , eu não fiz nenhuma peguei todas no KW *u*








3 comentários: