Oiiê gnt pelo jeito vcs já viram o novo modelo do blog nééh!! Bem eu espero que vcs tenham gostado e eu vim aki hj pedir desculpas por ter ficado tanto tempo assim sem postar nada mas hj eu vou recompensar com um big post sobre como personalizar a barra de rolagem do seu blog... vamos lá:
Primeiro passo: vá lá em design-modelo- editar HTML.
Segundo passo: aperte Ctrl + F, procure por ]]></b:skin> e cole antes deste código:
/*** Rolagem da Vertical da Página ***/
::-webkit-scrollbar-thumb:vertical {
background: #ff0f72; /*Cor da barrinha que se move*/
border: 1px solid #bgh; /*Coloque borda se quiser*/
height:50px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
/*** Rolagem da Horizontal da Página***/
::-webkit-scrollbar-thumb:horizontal {
background-color:#ff0f72; /*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: #000000; /*Cor da parte fixa, que fica no mundo*/
border: 1px solid #bgh; /*Coloque borda se quiser*/
}
::-webkit-scrollbar-thumb:vertical {
background: #ff0f72; /*Cor da barrinha que se move*/
border: 1px solid #bgh; /*Coloque borda se quiser*/
height:50px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
/*** Rolagem da Horizontal da Página***/
::-webkit-scrollbar-thumb:horizontal {
background-color:#ff0f72; /*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: #000000; /*Cor da parte fixa, que fica no mundo*/
border: 1px solid #bgh; /*Coloque borda se quiser*/
}
Terceiro passo: edite as cores ao seu gosto usando esta tabela:
http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm
Para mudar a cor é só substituir oque está marcado em amarelo pelo o código que vc escolheu.
Se vc quiser cantos quadrados é só apagar oque está marcado em azul.
Olhem se tudo está certo e só salvar.
Espero que tenha sido útil. Beijos de Gloss.
Adorei o tutorial!
ResponderExcluirBjs
Jeans-Apertado.blogspot.com
Que bom que vc gostou!!! E eu adorei o seu blog... já estou seguindo Beijos de Gloss =3
ExcluirHeey flor, amei o tutorial, muito útil!
ResponderExcluirAdorei seu blog. :)
Obrigada por me seguir e pela visita, já estou seguindo aqui ok?
Sucesso com o blog, você merece!
Bisous.
http://pequenomuffin.blogspot.com.br/
Muito obrigada te desejo muito sucesso com o blog tbm, obrigado pela a visita bjs de gloss!! =3
ExcluirOiiie minha flor, retribuindo a visitinha e já te dizendo que seu cantinho é muiiiiiito incrível viu. Adooooorei os posts. Breve farei a barra de rolagem também, rs, mudei tantas e tantas vezes o lay do meu Achei que vou dar um tempo agora, rsrs. Seja bem vinda ao Achei flor, volte sempre viu, será um prazer ter você sempre por lá. Bjkas e um ano 13 cheio de luz pra ti.
ResponderExcluirObrigado igualmente um ótimo 2013 para vc, está sempre bem vinda...Bjs de Gloss!!
ExcluirOi flozinha aceito afiliacao e já estou seguindo... amei seu blog muiito fofo!!!
ResponderExcluirhttp://feninas.blogspot.com.br/
Amei amei e amei!
ResponderExcluirFlor, seu tuto é excelente, seu blog mais ainda.
Li as regrinhas dos comentários e vi q não pode falar "segue de volta e tals", mas gostaria realmente que você seguisse meu blog. É sempre bom ter pessoas do seu "Nipe" num blog.
^^
Seguindo...
Só se gostar, segue por favor?
~> http://mundinhomagicodagaby.blogspot.com
Aceita filiação?
Tô precisando de blog's na elite!
Por favor, flor, se aceitar, me coloca nos afiliados também, tá?
É q muitos blogs falam q vão colocar e depois de uns 5 meses vc cai na real q era farsa.
Kissus!
olá olha eu já te botei na elite de afiliadas já faz tempo porque vc não me colocou?Vou espera ate amanhã 11/01/2013 táh xauzinho
ResponderExcluirhttp://feninas.blogspot.com.br/