Gostaria de pedir inicialmente que se usar, creditar.
Bom pessoal, aposto que vocês já viram por aí várias rolagens diferentes não é? ( Tipo a minha ). Vou ensinar pra vocês como se faz. E essa é redondinha! É muito simples! Cole esse código antes da tag “</style>” do seu theme. Para os que entendem um pouco de themes, é só colar no css do theme, onde preferir. Código:
/********* Rolagem Por QuinzeParaMeiaNoite.tumblr.com *********//*** Rolagem da Vertical da Página ***/
::-webkit-scrollbar-thumb:vertical {
background-image: url('LINK DA IMAGEM');background-color:#fff; height:100px;
-webkit-border-radius: 2ex;
border-top-left-radius: 3em;
border-top-right-radius: 3em;
border-bottom-left-radius: 3em;
border-bottom-right-radius: 3em;
-webkit-box-shadow:0 0 1em #eee;}
/*** Rolagem da Horizontal da Página***/
::-webkit-scrollbar-thumb:horizontal {background-image: url('LINK DA IMAGEM');
background-color:#fff; height:10px;
-webkit-border-radius: 2ex;
border-top-left-radius: 3em;
border-top-right-radius: 3em;
border-bottom-left-radius: 3em;
border-bottom-right-radius: 3em;
-webkit-box-shadow:0 0 1em #eee; }
/*** Parte fixa da rolagem (fundo que não se move) ***/
::-webkit-scrollbar {height:10px; width:20px; background-color:#fff;
-webkit-box-shadow:0 0 1em #eee;}
/********* Fim da Rolagem, não retire os créditos *********/
Estão vendo essas números em negritos e em itálico? Pois é, são nossas velhas variáveis, rsrs. Vou ensinar para que serve elas. Lembrando que você só deve mudar as coisas que estão em negrito/itálico!
LinkdaImagem: Se você quer uma imagem na sua rolagem, é só colocar o link dela ali.
background-color: É a cor da barra que rola e o segundo negrito desse é a cor da barra fixa ( se encontra no último código ), se não quer uma imagem, coloque a cor onde está em negrito e deixe apenas ” onde é pra ficar a url do fundo.
-webkit-box-shadow: É a sombra das caixas. Lembrando que negritei 3 desses, então mude os 3 para as cores desejadas.
width: Atenção! É só o que está negritado! ( Se encontra no final do todo código, o último )Você nem precisa mudar, mas é a largura da sua barrinha, e esse é um ótimo tamanho.
Não irei tirar dúvidas na ask, pois está bem explicado. Tutorial e código inteiramente por mim. Pode usar e repassar, mas credite e não retire os créditos por favor, foi feito com carinho.
-
re-ssaltar likes this
-
r-iotvan likes this
-
uma-futura-garota likes this
-
mysweetthemes likes this
-
garota-de-vegas likes this
-
needingkidrauhl likes this
-
praiadecopacabana likes this
-
bob-esponja-my-life likes this
-
ortografada likes this
-
katybirds likes this
-
sonhosinfinitoos likes this
-
nouvelle-html likes this
-
likeavintagelove likes this
-
umaprincesaa-paixonada likes this
-
liimonadarosa likes this
-
smellslikeinkspirit likes this
-
the-only-feeling likes this
-
keep-calm-and-photos likes this
-
apenas-saudaade likes this
-
tsukimisu likes this
-
a-destination likes this
-
absolutamentesua likes this
-
one-life-complicated likes this
-
kittensrio likes this
-
d-o-l-l-parts likes this
-
0rd-n4ry likes this
-
lifethingss likes this
-
myworld-luab likes this
-
orbita-certa likes this
-
jorge-ribeiro1 likes this
-
yasmimbersot likes this
-
for-everalways likes this
-
little-bittersweet likes this
-
be-my-dream likes this
-
refletindo-a-alma likes this
-
antigajulietanegra likes this
-
askyoshinochidori likes this
-
ilove-mustache-forever likes this
-
un-supported likes this
-
b-on-c likes this
-
nostaldi4 likes this
-
menina-do-balaiio likes this
-
theme4test likes this
-
fuckdapolicejohnlennon likes this
-
vem-na-manha reblogged this from quinzeparameianoite
-
h-iddentears likes this
-
annabel-coffee likes this
-
ana-moutinho likes this
-
raaissasweet likes this
-
asmalllock likes this
- Show more notes
