13/11/2014

Barra de Rolagem Colorida


Yo ♥ Que saudades de vocês <3 Quero agradecer a todos os comentários kawaiis que tive (*o*)
Hoje irei ensinar como deixar a barra de rolagem mais fofinha !
Estão todos prontos ? ~ Vamos lá (*o*)/
Preparar, apontar... TUTORIAL !




Obs: Aprendi a fazer isso lá pelo blog da Jackie, então, créditos a ela 


Vá até o HTML de seu blog, dê um CTRL + F e procure por : 


]]></b:skin> 

Após encontrar o código, cole ACIMA dele o seguinte:



*{



scrollbar-face-color:#FF69B4;
scrollbar-highlight-color:#FF69B4;
scrollbar-3dlight-color:#343434;
scrollbar-darkshadow-color:#343434;
scrollbar-shadow-color:#FF69B4;
scrollbar-arrow-color:#343434;
scrollbar-track-color:#343434;
}

::-webkit-scrollbar {width: 12px; height: 4px; background: #343434; }
::-webkit-scrollbar-thumb { background: #FF69B4; }


Agora vamos personalizar a sua barrinha de rolagem !


Se quiser aumentar: No código width: 12px substitua o 12 por um número maior e mais larga ficará a sua barra de rolagem.

Trocar a cor do fundo: No código background: #343434 substitua o #343434 pelo código da cor que você deseja ver no fundo da sua barra de rolagem. Veja algumas cores aqui <-

Trocar a cor da barra: No código background: #FF69B4 substitua o #FF69B4 pela cor que você deseja ver na sua barrinha.

Agora é só salvar e visualizá-la em seu blog ♥

Fica muito bonitinho (*-*) Adoro usar aqui no blog (>//////<)

Conseguiram ? (:

Nenhum comentário:

Postar um comentário