Nova tag na área girls . Primeiramente oi , rs . Então , hoje estamos iniciando uma nova tag . Tutoriais . Todos já devem saber o que é isso , e pra quem não sabe pesquisa no Google haha ! Espero que esses tutoriais ajudem muito o blog de vocês .
O tutorial de hoje vai ser a personalização da barra de rolagem . É só clicar em "Continue Lendo" e ir seguindo o tutorial . Espero que gostem :) .
1. No Blogger, vá em Design> Editar HTML.
2. Tecle Ctrl F e procure por:
2. Tecle Ctrl F e procure por:
]]></b:skin>3. Logo acima dessa tag, cole o código abaixo:
::-webkit-scrollbar-thumb:vertical {
background: url(LINK-DA-IMAGEM) repeat; /* Background da barra móvel (Vertical) */
height:50px;
border: 2px solid #8A2BE2; /* Cor da borda */
box-shadow: 2px 2px 4px #bebdbd;
-moz-box-shadow: 2px 2px 4px #bebdbd; /* Sombra */
-webkit-box-shadow: 2px 2px 4px #bebdbd;
-khtml-box-shadow: 2px 2px 4px #bebdbd;
-moz-border-radius: 10px; /* Bordas arredondadas */
-webkit-border-radius: 10px;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:horizontal {
background: url(LINK-DA-IMAGEM) repeat; /* Background da barra móvel (Horizontal */
height:50px;
border: 2px solid #8A2BE2; /* Cor da borda */
-webkit-box-shadow:0 0 1em #eee; } /* Sombra */
::-webkit-scrollbar {
height:20px; width:20px;
background: url(LINK-DA-IMAGEM) repeat; /* Background das barras fixas */
box-shadow: -3px -2px 10px #bebdbd; /* Sombra */
-moz-box-shadow: -3px -2px 10px #bebdbd;
-webkit-box-shadow: -3px -2px 10px #bebdbd;
-khtml-box-shadow: -3px -2px 10px #bebdbd;
-moz-border-radius: 10px; /* Bordas arredondadas */
-webkit-border-radius: 10px;
border-radius: 10px;
}
4. Edite o código de acordo de acordo com as partes que estão em itálico e salve.
Créditos: Sweet Poison
Por hoje é só meninas , espero que tenho ajudado .
xoxo
Nenhum comentário:
Postar um comentário