Barra de rolagem colorida para blog e sites | Quero Dicas | Tutoriais para seu blogs


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. Aqui mesmo no Quero

Dicas, ela está ali →, na cor preta e rosa combinado com o template que eu construí. 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 


2 comentários

Clique e deixe seu comentários
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
avatar
admin


Que bom você reservou um tempinho para vir comentar. Você me deixa super feliz e desde já agradeço por sua colaboração.

Comente. Mais peço que leia antes:

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 xingamentos entre outros, não serão publicados ou respondidos.

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

4 - Comentários somente URLs de terceiros, não serão publicados.

♥ - Caso queira divulgar seu blog gratuitamente, Acesse, Galeria de Blogs
♥ - Eu terei o maior prazer em colocar o link ou seu banner nesta galeria.

Muito obrigada por seu comentário e por sua vista.
Beijinhos ♥
Abrir Conversa em CódigoFechar Conversa em Código Abrir EmoticonFechar Emoticon

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