Assine Nosso Feed!

Receba Nossas Atualizações em Seu E-mail:

  • Receba Todos os Nossos Artigos Automaticamente em Seu E-mail
  • Tenha a Exclusividade de Receber Boletins do Nosso Blog
  • Inscrever-se no feed do Nosso Blog é Fácil, Rápido e Seguro
  • Ajude a fazer Nosso Blog Crescer!!!


  • 22 de outubro de 2012

    Dar estilo no gadget de marcadores do blog

    O Gadget de etiqueta conhecidos como marcadores ou categorias é o mais usado na plataforma por ter como função facilitar a busca por um determinado assunto, ajundando o leitor da forma mais simples possível e os modelos variam muito de acordo com determinado template, então hoje vou encinar a vocês como personalizar de forma simples e rápida aplicando apenas um codigo em seu template.


    Vamos o tutorial:
    1º- Clique em Editar HTML e expandir modelos de widgets.
    2º- Aperte Ctrl + F e procure por ]]></b:skin> e cole o código abaixo antes.


    /* Etiquetas enmarcadas con efecto zoom */
    .cloud-label-widget-content {
    text-align: center;
    }
    .label-size a {
    float:left;
    display: block;
    margin: 2px 2px 0 0;
    padding: 4px;
    text-transform: uppercase;
    border: 1px solid #996666;
    text-decoration:none;
    font-size:12px;
    color:#666;
    background: #eee;
    -moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;
    }
    .label-size a:hover {
    border: 1px solid #000;
    color: #000;
    background: #fff;
    text-decoration: none;
    -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5);
    -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s;transition: all .5s;
    }

    Agora é só salvar.

    0 comentários:

    Postar um comentário