Pular para o conteúdo principal

Tutorial - Barrinha de rolagem colorida.



      Primeiro tutorial do ano.(Êhhhh!! \o/) E terão vários outros no decorrer do ano de 2014. E esse tutorial é muito fácil. O código original eu peguei no site Uprising Teen. Fiz apenas as modificações das cores da barrinha. Então vamos lá:
      Vá até o modelo do seu blog, vamos editar o HTML. Procure por ]]></b:skin>. Acima disso cole o código:



/*** Rolagem da Vertical da Página ***/
::-webkit-scrollbar-thumb:vertical {
background: #008B8B; /*Cor da barrinha que se move*/
border: 1px solid #bgh; /*Coloque borda se quiser*/
height:10px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
/*** Rolagem da Horizontal da Página***/
::-webkit-scrollbar-thumb:horizontal {
background-color:#008B8B; /*Cor da barrinha que se move*/
border: 1px solid #bgh; /*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:15px; /*Largura da barra de rolagem*/
 background: #E8E8E8; /*Cor da parte fixa, que fica no mundo*/
border: 1px solid #bgh; /*Coloque borda se quiser*/

}

       O que está em itálico, é o código para arredondar a barrinha. Se você quiser a barrinha quadrada é só apagar estas partes.
      Mude as cores como preferir. Use a Tabela de cores.



      Deixem seus comentários. Que tutorial você gostaria de ver?

Beijinhos ;*

Comentários

  1. Parabéns pelo template está lindo!!
    Amei todo o conteúdo!! seguindo e curtindo!!
    ótimo final de semana!
    bjos
    divaemaquiada.blogspot.com.br

    ResponderExcluir

Postar um comentário

Postagens mais visitadas deste blog

Tutorial: Como colocar uma paginação numerada

          Hoje vou mostrar à vocês um jeito incrivelmente fácil de pôr uma paginação numerada nos blogs de vocês. Quando eu estava procurando esse tutorial há meses atrás, achei dois que não deram muito certo, e em um deles eu tinha que esperar até o dia seguinte para ver se funcionou. Aí não dá né?!           Foi aí que eu achei o tutorial que eu usei para colocar a paginação que vocês vêem aqui no blog. É muito, mas muito fácil. Esse tutorial foi encontrado no blog  Uprising Teen .           Vamos até "Layout" e vamos adicionar um novo gadget. Adicione então "HTML/JavaScript" e cole isso: <style type="text/css"> #blog-pager{ font-size:normal; padding:10px 0; clear:both; } .showpageNum a { padding: 3px 8px; margin:0 4px; text-decoration: none; color:#fff; /* COR DA FONTE */ background:#FF4040; /* COR DE FUNDO NORMAL */ font-size: 10px; /* TAMANHO DA FONTE */ } .showpageOf { margin:0 8px 0 0; font-size: 10px; /* TAMANHO DA FONTE */ backgrou

Quer ficar loira?

      No post anterior sobre  cabelos coloridos , eu já dei dicas para descolorir os cabelos em casa. Neste post vamos falar um pouco mais sobre o assunto.       Se você é daquelas pessoas que como eu, prefere fazer suas próprias experiências capilares em casa, é sempre bom pesquisar bastante sobre o assunto. Não tem jeito, a descoloração agride muito o cabelo, por isso devemos respeitar certos limites para não danificar ainda mais nossas madeixas. Então vamos lá.       Como eu disse no post anterior, é sempre bom ficar pelo menos de 3 à 5 dias sem lavar os cabelos antes de descolorir, pois a oleosidade natural do cabelo vai proteger um pouco mais os fios e o couro cabeludo, isso também vai ajudar a diminuir e muito a coceira e a ardência do couro cabeludo quando estamos descolorindo os cabelos desde a raiz.       Quanto mais escuro estiver o seu cabelo, maior será o volume da água oxigenada, e provavelmente será necessário fazer mais de uma descoloração. Procure usar, tant

Dica de Blogueira #9 - Colaboradores

          Ter colaboradores em um blog é importante(principalmente para grandes blogs e sites) para ter sempre bons conteúdos e manter tudo atualizado, além de ter um número maior de postagens por semana. E ser colaborador(a) de um blog pode ser também uma maneira de divulgação .           Sim, é isso mesmo, fazendo um post para outro blog você de certa forma está divulgando seu blog, mostrando que tipo de conteúdo o seu blog produz. Ao final de cada postagem que você fizer você pode colocar seus links, seja do seu blog ou das suas redes sociais.           Isso não deixa de ser uma espécie de parceria entre blogs, já que uma blogueira está ajudando a outra, o blog acaba ficando mais " diversificado ", mais " vivo " e atualizado .           Procure pessoas responsáveis para fazer parte do seu time de colaboradores, e certifique-se de que cada um aborda-rá um assunto diferente. Se possível procure ser colaborador(a) de um blog pelo menos por um tempo.