29 de nov de 2012

Novo layout + Personalizando a Barra de Rolagem

Hey, angels :) What's up?



Vocês devem ter tonado o novo design do blog. Ele foi inspirado em um dos meus posts no Mrs. Nightshade: esse aqui. Fala sobre a criadora de lindas ilustrações que são usadas para brushes na blogosfera. Essas imagens do cabeçalho, portanto, são de criação de Ilse Valfré. Leiam o post se ficarem interessados =D
Enfim... Hoje o tutorial é bem simples, mas também é bem útil. Vou ensinar a personalizar a Barra de Rolagem. Acho que isso deixa o blog mais bonito e é realmente mais fácil do que muitos pensam. Posso dar alguns exemplos de personalização:


Bom, vamos começar?

Vá em Design > Editar HTML. Usando Ctrl + F, busque pela tag ]]></b:skin> . Acima dela, cole o seguinte código:
::-webkit-scrollbar {
width: 12px;
height: 4px;
background: #f5f5f5; /* Background da barra fixa */
}
::-webkit-scrollbar-thumb {
background: #dcdcdc; /* Background da barra móvel */
}
O código é auto-explicativo. Edite as cores (em negrito) buscando na Tabela de Cores e visualize. Se estiver tudo correto, salve.

Ah, antes que eu me esqueça: aprendi a fazer no Sweet Poison, então créditos dados.
E eu ando meio sem ideia, então se alguém quiser pedir algum tutorial ou utilitário... Estou a disposição! =D Se eu não souber fazer, pesquiso.
Vocês podem pedir nos comentários ou aqui.

Bom, por hoje é só!
Espero que tenham gostado!
Beijos,


Mrs. Nightshade.


7 comentários:

  1. Respostas
    1. Sério? Eu fiz assim em todos os meus blogs e deu certo. Depois eu vou dar uma olhadinha nos códigos e ver se tem algo errado. Mas aqui está tudo certo!

      Excluir
    2. Acabei de refazer o tutorial em um blog de testes, deu tudo certinho:

      - Fiz assim: http://i46.tinypic.com/2rddv01.jpg
      - Ficou assim: http://i48.tinypic.com/2rcbq0i.jpg

      Não encontrei nenhum erro ^^

      Beijos!

      Excluir
  2. Olá eu aodorei o seu blog, segue eu retribuo:
    http://sayinpassing.blogspot.com.br/

    ResponderExcluir
  3. Amei esse design,acho linda as ilustrações da Valfré...Acho muito fofo o tuto da barra de rolagem colorida e já conhecia ^^
    Pedido: Pode trazer avatares da Lucy Hale? *minha diva*

    Beijos.

    Sophie R.

    ResponderExcluir
    Respostas
    1. Olá! Awwwwn, muito obrigada ♥ Também acho *----* Claro =D Amanhã estarão postados =D

      Beijos!

      Excluir