Barra de rolagem colorida para blog e sites | Quero Dicas Quero Dicas : Barra de rolagem colorida para blog e sites

Quero Dicas : Barra de rolagem colorida para blog e sites

Barra de rolagem colorida para blog e sites

| |


Barra de rolagem colorida para blog e sites
Vamos trocar a barra de rolagem do nosso blog ou site?
Hoje eu vou te ensinar, como colocar uma barra de rolagem colorida, desta forma você ira dar mais vida ao seu projeto.

Para quem não sabe do que eu estou falando, a barra de rolagem é essa barrinha na lateral direita do blog/site para subir e descer ao longo da página.

Vamos lá ao tutorial? É muito fácil.

Veja do que eu estou falando, é igual ao do quero dicas, basta trocar as cores.

Barra de rolagem colorida para blog e sites
Gostou? Então vamos prosseguir =D

1 - Acesse o seu blog. Vá em Modelo e em HTML. Procure por:

]]></b:skin>
 

2 - Acima dela cole o código abaixo:

/* ---------------- Barra de navegação  http://querodicasde.com.br ---------------- */ 
::-webkit-scrollbar {width: 12px;height: 5px;} /*larguras as barras */
::-webkit-scrollbar-track-piece {background-color:#000000;") repeat scroll 0 0 transparent;} /*fundo */
::-webkit-scrollbar-thumb:vertical {height: 5px;background-color: #FF69B4;} /*cor da barra */
::-webkit-scrollbar-thumb:horizontal {width: 15px;background-color: #FF69B4;} /*cor da barra */ 

 

3 - Faça as alterações para perolizá-la (eu deixei ao lado de cada código). Pronto! Sua barra de navegação está perfeita!
Tabela de cores - AQUI

Beijinhos 



Compartilhe

* Você reservou um tempinho para comentar? *

Desde já agradeço!

Devido a falta de tempo, não prometo responder a todos os comentários. Mas farei o possível!


2 comentários:

  1. BOA TARDE
    adorei o blogger
    tentei fazer tudo como recomendado mas nao deu certo copiei o codigo colei na caixa editar HTML

    ]]>
    salvei o modelo e visualizei mas nao aparece nada . o cursor nao alterou a cor . por favor podem me ajudar ? obrigado pelo espaço fornecido aguardando assim uma resposta precisa da parte
    Atenciosamente
    Marcia

    ResponderExcluir
    Respostas
    1. Olá Márcia. Que bom que tenha gostado da plataforma Blogger, ele é muito bom.
      Em relação ao código, eu testei, mais uma vez e está perfeitamente funcionando. Entre novamente no Editar HTML do seu blog e procure por ]]> e acima dele cole o código da barra e altere a cor pela SUA cor desejada. :-bd

      Excluir

Amigos do Blog

agenda dos blogs Universo das Dicas

Ganhe Visitantes | Inscreva-se!

GeraLinks Linkicha Atoananet Linkirado
subir