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 :  

Comentários
2 Comentários

2 comentários

avatar
admin
quarta-feira, 01 abril, 2015 ×

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

Resposta
avatar
admin
quinta-feira, 02 abril, 2015 ×

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

Resposta


Que bom você reservou um tempinho para vir comentar. Você me deixa super feliz e desde já agradeço por seu comentário e por sua presença!

Apenas peço que leia:

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

2 - Educação sempre! Comentários com palavras de baixo calão, não serão publicados ou respondidos.

3 - Comentários não relacionados ao titulo, não serão publicados.

4 - Comente a vontade, deixe sua opinião, crítique, esclareça suas dúvidas e dê suas sugestões ou dicas sobre o assunto referente à postagem.


Beijinhos ♥
Abrir Conversa em CódigoFechar Conversa em Código Abrir EmoticonFechar Emoticon

Obrigada por seu comentário! Ele é muito importante para mim.

É proibida a reprodução total ou parcial dos artigos deste blog sem autorização|Somente terá o direito de republicar os códigos publicados dando os devidos créditos.