Equipe

18 dezembro 2012

Personalize a barra de rolagem+ Seleção colorida



Oi galera, então, esse tutorial dá barra de rolagem e seleção colorida digamos que é bem....Muito velho! Mas mesmo assim, ainda tem gente que não consegue coloca-los ou que não usa...Na minha opinião esses 2 tutoriais completam o layout e o blog fica feio sem eles :C mas isso é na minha opinião! Enfim clique em Let's Go para pegar os códigos.

Para barra de rolagem que ficará assim:
Exemplo maior aqui.

1- Procure por  ]]></b:skin> e cole isso acima dessa tag:

::-webkit-scrollbar{width:10px;height:3px;}
::-webkit-scrollbar-button:start:decrement::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
::-webkit-scrollbar-track-piece{background-color:#cor do fundo da sua barra de rolagem;-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
::-webkit-scrollbar-thumb:vertical{height:50px; background-color:#cor da barra que se move;-webkit-border-radius:12px;}
::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:#cor do fundo;-webkit-border-radius:px;}
 Colou? Visualize. Se você fez tudo certinho o resultado já deve estar pronto.

Para a seleção colorida ela ficará assim:


Antes ficará assim, com essa cor azul feia :C
Depois ficará assim, mas você pode personalizar a cor depois

1- Procure por ]]></b:skin> acima dessa tag, cole:

::-moz-selection {
background:#seu fundo; 
color:#sua fonte; 
}
::selection {
background:#seu fundo;
color:#sua fonte; 
}
 Edite a palavra seu fundo e sua fonte e troque pela cor em html. Salve!

Então é isso galera, espero que tenham gostado! Até o próximo tuto!

2 comentários:

  1. Já tenho a barra personalizada e não gosto de mudar a cor da seleção...MAIIIS esse tutu vai ser super util pra quem ainda não o tem,e claro tá bem explicado :))

    [\Clica no perfil e me visita *U*/]

    ResponderExcluir
  2. Haha pois é :C mas eu curto,sei lá bem melhor que esse azul feio,mas enfim...
    XxGaby ADM

    ResponderExcluir

Seguindo,Segue de volta? Não! Eu quero leitores, e NÃO números, então esse tipo de comentário será mais ignorado que o orkut aqui!

Aceita afiliação? Se tiver vagas sim , caso contrário não! Mas temos as seguintes regras: Layout bom e organizado, estar seguindo o blog, comentar sempre aqui, e ter mais de 200 seguidores

Retribui meu comentário? Claro, por que não? Deixe seu link no final da postagem

Me ensina isso? Sim, peça e postaremos

Aceitamos criticas, porém, crie criticas com ARGUMENTOS não com ofensas do tipo "Odiei o blog" isso não é argumento, isso é desculpa de pessoa mimadinha

LAYOUT FEITO POR GABRIELY MEIRELES NÃO COPIE OU SE INSPIRE.TECNOLOGIA DO BLOGGER