15/06/2013

Vota em mim + Tutorial.

Olá flores;
Vim pedir a ajuda de vocês, na verdade o voto. É que estou participando do concurso do blog Diamonds Fairy e quero que vocês mi ajudem a vencer, é claro que se você achar que eu mereço vote,se não dê seu voto para uma das outras candidatas.Confira a minha foto e a das outras participantes clicando aqui . Ah, se puder seguir o blog Diamonds Fairy e dizer que foi a meu pedido,também estará mi ajudando.Desde já muito obrigada a todos vocês,e boa sorte as outras participantes.

Tutorial Sidebar personalizada. 


Aprendi esse tutorial no blog Karine in Júpiter, por isso créditos a ele.
Depois realização do tutorial sua sidebar ficará mais ou menos assim:

Imagem por: Karine in Júpiter.

É bem simples, basta você adicionar o código abaixo em um Gadget HTML/JavaScript fazendo as alterações de cor desejada usando essa tabela.

<style>/**SIDEBAR BAD REPUTATION**/.sidebar .widget {box-shadow: inset 0 0 10px #eee, 0 0 2px #dbdbdb;-webkit-border-top-right-radius: 20px;-moz-border-radius-topright: 20px;border-top-right-radius: 20px;-webkit-border-bottom-right-radius: 20px;-moz-border-radius-bottomright: 20px;border-bottom-right-radius: 20px;-webkit-border-bottom-left-radius: 20px;-moz-border-radius-bottomleft: 20px;border-bottom-right-radius: 20px;width:100% !important;background:#fff;  /** COR DO FUNDO DO GADGET **/margin:33px 0 !important;padding:10px;border-top:2px solid #ebebeb;border-right: 2px solid #ebebeb; border-left: 2px solid #ffd6eb; border-bottom: 2px solid #ebebeb; }.sidebar .widget h2 {text-align: center;box-shadow: inset 0 0 10px #eee, 0 0 2px #dbdbdb;border-left:2px solid #ffd6eb;  /** COR DA BORDA DE CIMA **/;border-top:2px solid #ebebeb;  /** COR DA BORDA DE CIMA **/;border-right:2px solid #ebebeb;  /** COR DA BORDA DE CIMA **/;background: #ebf9ff;  /** COR DO FUNDO DA ÁREA DO TITULO **/text-shadow:0 1px #ccc/** SOMBRA DO TITULO **/;color:#ff94c9/** COR DO TITULO **/;font-size:15px /** TAMANHO DO TITULO **/;margin-top:-35px /** MARGIN **/;margin-left:-12px /** MARGIN **/;margin-bottom:5px /** MARGIN **/;padding:3px;width:40%;overflow:hidden-webkit-border-top-right-radius: 20px;-moz-border-radius-topright: 20px;border-top-right-radius: 20px;-webkit-border-top-left-radius: 20px;-moz-border-radius-topleft: 20px;border-top-left-radius: 20px;}.sidebar .widget:first-child {  margin-top: 0;}/** FIM DA SIDEBAR BAD REPUTATION [bad-reputation-13.blogspot.com.br]**/</style>

Modifique as cores destacadas em rosa do código pelas cores que você quiser. 

Abraços♥

12 comentários:

  1. Amei o tuto, fica super linda a sidebar! Já votei em você lá no Diamonds Fairy e segui, avisando que foi a seu pedido. Boa sorte no concurso! Kissus ♥

    listen-official.blogspot.com

    ResponderExcluir
    Respostas
    1. Fica linda mesmo,acho que vou usar
      aqui na próxima reforma.Muito obrigada
      por votar e seguir,obrigada mesmo.
      Abraços♥

      Excluir
  2. Pronto já votei em você e esse tutorial é muito legal

    sweet-of-cherry.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Muito obrigada, sim esse tutorial
      é bem legal.
      Abraços♥

      Excluir

Hei, people <3 Que tal deixar sua opinião, sugestão ou critica (construtiva, por favor) em nossos comentários para que assim possamos melhorar ainda mais! Lembrando, é claro, que nossos comentários são moderados, isto é, precisa de minha aprovação para que apareça. Por tanto, seja educado e se expresse de forma a não ofender a autora do blog ou a terceiros, caso contrario seu comentário não será postado, okay? Até aceito o "seguindo, segue de volta?" desde que eu goste de seu blog, seguirei sem problemas. Sem mais delongas, fique a vontade e volte sempre.
Abraços da autora;
Babi Sah ♥