Oi cupcakes tudo bem com vocês? estou otima hoje! trouxe um tutorial muito legal para seu blog
se for reblogar por favor credite! vamos ao tutorial meninas(os) sei la!!
Clique em "Read More" e continue lendo
Entra na sua conta do Blogger vai em Modelo e editar Html e aperte Ctrl + F e procure por:
]]></b:skin>
O codigo irá aparecer em Laranja
E em cima de ]]></b:skin> você coloca esse código
Barra de rolagem redonda
::-webkit-scrollbar-thumb:vertical {background: #e7b3c2;height:50px;border: 2px solid #fff;box-shadow: 2px 2px 4px #bebdbd;-moz-box-shadow: 2px 2px 4px #bebdbd;-webkit-box-shadow: 2px 2px 4px #bebdbd;-khtml-box-shadow: 2px 2px 4px #bebdbd;-moz-border-radius: 10px; /* Para Firefox */-webkit-border-radius: 10px; /*Para Safari e Chrome */border-radius: 10px; /* Para Opera 10.5+*/}::-webkit-scrollbar-thumb:horizontal {background-color:#f26d92; height:10px;border: 1px dashed #fff;-webkit-box-shadow:0 0 1em #eee; }::-webkit-scrollbar {height:10px; width:20px; background: url(fundo da barra de rolagem) repeat;box-shadow: -3px -2px 10px #bebdbd;-moz-box-shadow: -3px -2px 10px #bebdbd;-webkit-box-shadow: -3px -2px 10px #bebdbd;-khtml-box-shadow: -3px -2px 10px #bebdbd;}
Agora Vamos entender o código O código destacado em azul é a cor da barra de rolagem, o de vermelho é a borda da barra de rolagem e o rosa é a imagem do fundo da barra de rolagem
Agora Vamos a barra de rolagem Quadrada
Procure por :
]]></b:skin>
Vai aparecer em Laranja.
E logo acima de ]]></b:skin> cole isso:
Procure por :
]]></b:skin>
Vai aparecer em Laranja.
E logo acima de ]]></b:skin> cole isso:
{
scrollbar-face-color:#9B30FF;
scrollbar-highlight-color:#9B30FF;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#9B30FF;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#000000;
}
::-webkit-scrollbar {width: 12px; height: 4px; background: #000000; }
::-webkit-scrollbar-thumb { background: #9B30FF; }
Vamos entender o Codigo
Em verde é a cor da Barra de Rolagem e a rosa é o fundo da Barra.
Clique em "Salvar" e pronto! E isso ai gente espero te ajudado!
Super legal esse tutorial, mega super util.
ResponderExcluirMuito bom e facil esse tutorial, eu ate uso la no T.T
ResponderExcluirsegue meu blog? e porque umas das regrinhas para afiliados e seguir o blog, ja estou seguindo o seu :)
Beijos!
http://thingsteenoficial.blogspot.com.br/
Certo *-*
ExcluirAdoro todos os tipo rsrs!
ResponderExcluir- www.docemelodiia.blogspot.com