Tutorial HTML-Barra de rolagem colorida

Bom amores, hoje o truque  Blog Blindado é da barra de rolagem colorida!Vamos ao que interessa que é fazer !
♥--------------------------

Gente a barra da rolagem é a que está aqui no blog:
Quer ver o tutorial clicar ali embaixo no botãozinho:



Bom você para ter clicado deve ter se interessado então começe com:

1-Clique em Modelo> Editar HTML!CLIQUE NA CAIXA DE HTML E APERTE Ctrl+F (ao mesmo tempo). Vai aparecer essa caixa de pesquisa:

2-Dentro da caixa de pesquisa coloque:  ]]></b:skin>  e aperte enter!

3-Quando aparecer o código (]]></b:skin>)  grifado clarinho, cole antes dele esse outro código:
*{
scrollbar-face-color:#FF69B4;
scrollbar-highlight-color:#FF69B4;
scrollbar-3dlight-color:#343434;
scrollbar-darkshadow-color:#343434;
scrollbar-shadow-color:#FF69B4;
scrollbar-arrow-color:#343434;
scrollbar-track-color:#343434;
}

::-webkit-scrollbar {width: 12px; height: 4px; background:#343434; }
::-webkit-scrollbar-thumb { background: #FF69B4; }

3-Observação: em ROXO é a cor da barra, e em VERDE é a cor do fundo da barra. Caso queira mudar as cores, este é o link dos códigos das cores: Tabela de cores aí você só substituí oque está em clorido no código!

4-Clique em visualizar modelo e veja se está certo ,(talvez a barra apareça na horizontal e está certo, depois de salvo vai aparecer em vertical

Fácil, né? Eu adorei!Dicas?

                                                                                  




0 comentários:

Carta Vip Copyright © 2013 - Todos os Direitos Reservados