07/04/2014

Tutorial: como personalizar a barra de rolagem

Hi cherrys!
1.000 desculpas por mim não ter postado ontem (06/04). Mas hoje eu trouxe um tutorial que eu acho que mais ou menos quase todos conhecem, mas para aquelas blogueiras que ainda não conhecem ou são iniciante eu trouxe o tutorial (créditos no fim do post). 
Vá no HTML do seu blog e pesquise por: ]]></b:skin> cole o seguinte código acima dessa tag:



/*** Rolagem da Vertical da Página ***/

::-webkit-scrollbar-thumb:vertical {
background: #253037; /*Cor da barra que irá se mover*/
border: 1px solid #ffffff; /*Se desejar borda altere colocando cor*/
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:#253037; /*Cor da barra que irá se mover*/
border: 1px solid #ffffff; /*Se desejar borda altere colocando cor*/
height:10px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
 }
/*** Parte fixa da rolagem (fundo imóvel) ***/
::-webkit-scrollbar {
height:10px;
width:15px; /*Largura que você deseja para sua barra de rolagem*/
 background: #2b2d2f; /*Cor da parte fixa, que fica no mundo*/
border: 1px solid #; /*Se desejar borda altere colocando cor*/
}

Atenção: mude apenas as cores destacadas de rosa. E coloque o código da cor que você deseja usar. 
Oque acharam do tutorial? Créditos: Sorriso Jovem. Mas era só isso...kisses candy!

2 comentários:

  1. Ótimo tutorial, é sempre útil!
    Bright Words [www] | Instagram [www] | [+Follow]

    ResponderExcluir
    Respostas
    1. Fico feliz que tenha gostado! E eu concordo :)
      Kisses candy!

      Excluir

♥ Não falar palavrões
♥ De sua opinião, porém seja educado
♥ Se não gostar de algo e acha que deve melhorar, fale, mas educadamente
♥ Não ofender as postadoras
♥ Troco comentários
♥ Antes de pedir algo, fale sobre o post ou seu comentário será ignorado
♥ Aceito: ¨Seguindo, segue de volta?¨
♥ Não me peça para D-I-V-U-L-G-A-R algo a qual eu não estou participando, se caso eu gostar de algo no seu blog, eu irei divulgar por vontade minha.