Siga-nos no

quarta-feira, 11 de julho de 2012

tutorial da semana:                                                             colocando barra de rolagem no seu blog          

Como colocar barra de rolagem colorida no blog + Música da Semana

Hoje é dia de tutorial(avá) e eu vim trazer o tutorial de como colocar uma barra de rolagem colorida no seu blog, a barra é super fofa, tem as bordinhas arredondadas, tem gente que ainda não sabe colocar e nem tem o código da barra, então vim aqui trazer pra quem quer e gosta, porque muita gente não gosta de barra colorida, k. E também vim trazer a música da semana pra vocês. Continua lendo aí. :3

Vamos lá:


Vá em Design > Editar HTML > Dê F3 e pesquise por: ]]></b:skin> e cole acima o seguinte código:


::-webkit-scrollbar{ width:5px;height:5px;}
::-webkit-scrollbar-track-piece{background-color:#fff;-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
::-webkit-scrollbar-thumb:vertical{height:50px; background-color:#87CEFA;-webkit-border-radius:px;-webkit-border-radius: 10px; /* ESTILOS DA BARRA MÓVEL*/
-moz-border-radius: 10px;
border-radius: 10px;}
::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:#FF6A6A;-webkit-border-radius:px;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}

Azul escuro: Cor do fundo da barra.
Vermelho: Cor da barra horizontal
Rosa: Cor da barra vertical

Nenhum comentário:

Postar um comentário