17 de fev de 2013

Como colocar Ribbons nos gadgets.

Hey gente! Tudo bom? Eu recebi um pedido na ask e vim fazer! Afinal, não é sempre que eu recebo pedidos né? Então é bom realizar na hora! Muito obrigada Anônimo pelo pedido haha. Pelo que eu entendi do pedido, é sobre como colocar faixa nos gadgets. Vamos aprender? Clique em Leia Mais.

Enfim, acredito que é muito bom colocar ribbons nos gadgets porque eles ficam com um toque especial. Eu não trouxe o tutorial de Ribbons como as minhas, trouxe um tutorial com ribbons mais bonitas, em minha humilde opinião. Vamos aprender?
Vá em HTML e pesquise por:
 /* Mobile
Agora, cole antes de body.mobile esse código:
.sidebar h2 {    text-align: left; /* mude apenas se sua sidebar for na direita */    padding-left: 64px; /* Espaçamento da Esquerda */    background-image: url(LINK DA FAIXINHA);    width: 240px;    height: 50px;    margin-left: -30px;    margin-top: 10px;

Se você quiser sua faixa no centro, troque left por center, ou se quiser na direita, troque por right.
Agora, umas ribbons para vocês:
    
    
   
   
  


Pronto, é isso. Espero que tenham gostado.
Créditos:   

3 comentários: