Olá pessoal hoje trago um tutorial simples e super fácil de se fazer, pra quem não sabe a barra de rolagem é essa aqui.
Existem vários tutoriais e confesso que quando descobri do mesmo alguns não funcionou em meu blog, não sabia se foi algo que fiz ou se era o código, depois que aprendi ficou muito mais fácil e esse tutorial vai ser super explicativo, pelo menos tentarei ser objetiva e os códigos são de fácil entendimento.
Vá em seu HTML e procure por:
]]></b:skin>
Acima dele cole:
/*** rolagem da vertical da página ***/::-webkit-scrollbar-thumb:vertical {background: #FF82AB; /*cor da barrinha que se move*/border: 0px solid #ffffff; /*coloque borda se quiser*/width:3px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}/*** rolagem da horizontal da página***/::-webkit-scrollbar-thumb:horizontal {background-color: #FF82AB; /*cor da barrinha que se move*/border: px solid #ffffff; /*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:10px; /*largura da barra de rolagem*/ background: #FFF0F5; /*cor da parte fixa, que fica no mundo*/border: px solid #; /*coloque borda se quiser*/}
Gostaram do tutorial, tem outras sugestões de tutoriais?, ficou com alguma dúvida ?, é só deixar seu comentário que responderei e tentarei ajudar com muito prazer, mas caso não tenha entendimento, tempo ou paciência fazemos instalações com preços acessíveis é só click aqui Contato
Postar um comentário