Gente eu fiquei apaixonada por este recurso que deixa o blog muita mais cute, ta bem explicadinho, espero que gostem!
Vamos começar?
clique na imagem para ver como fica
FAÇA UMA COPIA DO SEU TEMPLATE OK!
No painel do blogger, clique no nome do seu blog, depois, clique em "Modelo" no menu vertical que aparece no lado esquerdo da tela. Clique no botão "Editar HTML" que fica em baixo da miniatura do seu blog, e clique em prosseguir no aviso que aparecer.
Aperte Ctrl+F, procure por ]]></b:skin> e cole antes esse código:
Esse código vai aparecer destacado ANTES dele cole o código abaixo.
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; }
personalizando sua barra de rolagem:
No trecho: width: 12px corresponde a largura da sua barra, para alterar substitua somente o código destacado em vermelho.Em quanto mair o numero for mais larga ficara e vice versa.
No trecho: background: #343434 corresponde a cor do fundo da sua barra, para alterar substitua somente o código destacado em vermelho.
No trecho: background: #FF69B4 corresponde a cor da própria barra de rolagem, para alterar substitua somente o código destacado em vermelho.
tabela de cores:http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm
0 comentários:
Postar um comentário