Gifs&gifs para voce

Barra de rolagem colorida

em 17/04/2013

Olá para você que está aqui (: Trago um tutorial de fácil execução que vai deixar seu blog muito mais alegre e fofo.

No html de seu blog aperte no seu teclado ctrl+f, quando a brir a
caixinha de pesquisa coloque ]]></b:skin> e cole o código abaixo antes dele:

::-webkit-scrollbar-thumb:vertical {

background: #bgh ; /Cor da barrinha que se move/
border: 1px solid #bgh; /Coloque borda se quiser/
height:50px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
/ Rolagem da Horizontal da Página /

::-webkit-scrollbar-thumb:horizontal {

background-color:#bgh; /Cor da barrinha que se move/
border: 1px solid #bgh; /Coloque borda se quiser/
height:10px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
/ Parte fixa da rolagem (fundo que não se move) /

::-webkit-scrollbar {

height:10px;
width:15px; /Largura da barra de rolagem/
background: #bgh; /Cor da parte fixa, que fica no mundo/
border: 1px solid #bgh; /Coloque borda se quiser/
}

—>> Onde tem bgh coloque a cor da barrinha que melhor ficar em seu blog.

Gostou do tutorial? Qualquer dúvida pergunte.

Anúncios

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: