sábado

Ribbon no Título dos Gadgets


Olá semi-deuses... Bem com vocês? Todos esses dias sem postar é porque sexta recebi uma encomenda de um layout que tinha que entregar o mais rápido possível, então não deu pra postar. Como hoje adiantei bastante coisa ficando +/- 3 horas no PC, deu tempo pra postar... Este tutorial que vou ensinar hoje, sempre uso ele. Já postei há algum tempo umas faixinhas, essas, e agora vamos ao tutorial. Antes os créditos ao Sweet Secret fantasy.


Vá em Modelo>Editar HTML> Pressione Ctrl+F ou F3 e pesquise por /* Mobile e antes de body.mobile cole:
.sidebar .widget h2{
background: url(LINK DA RIBOON/FAIXINHA)  no-repeat left;
margin-top:-2px;
margin-left:-19px;
margin-bottom:0px;
padding:15px;
width:150%;
overflow:hidden;
}
Entenda:

margin-top:-2px;  Refere-se como vai ficar no lado;
margin-left:-19px;Rrefere-se ao tamanho da Ribbon; 
left; Refere-se a que lado vai ficar, left ou right, se quiser no meio é só trocar por center

É isso... Comentem!
 


13 comentários:

  1. Muito bom seu blog! Ótimo post, tenho certeza que vai me ajudar bastante no próximo layout.

    Abraço, Peall.
    www.bigbrigadeiro.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Obrigado por gostar xo bllog e do post... Com certeza vai te ajudar, breve vou ensinar a fazer eu uma bideo aula...

      Excluir
  2. Adorei o tutorial, ele muito útil C:

    Aceita afiliação?! Se sim avise-me?
    http://diamond-resources.blogspot.com.br

    ResponderExcluir
  3. Aqui já te adicionei lá C:
    http://diamond-resources.blogspot.com.br

    ResponderExcluir
  4. Como seria a parceria, que você propôs no meu blog http//:gauchaopina.blogspot.com
    Dependendo das condições, pensarei se posso aceitar.

    ResponderExcluir
  5. Sim. Onde está sua caixa Linke-me ?

    ResponderExcluir
  6. Já conhecia e acho super útil ^^

    http://worldofthel.blogspot.com.br/

    ResponderExcluir
  7. gostei do tutu, mas nunca usei '-'

    http://conectadas2.blogspot.com.br/

    ResponderExcluir
  8. Otimoo tutoriaal foofo'#

    -Seeguindo-te
    -Segue?
    http://amor-teen.blogspot.com

    Sayonara (ノ´ヮ´)ノ*:・゚✧

    ResponderExcluir