†TwO TeeNs†: Tutorial: Barra de Rolagem Degradê no Blog

3.10.13

Tutorial: Barra de Rolagem Degradê no Blog

                 
                                Boa noite gatinhas! '---'
Tudo bem com vocês? comigo está tudo ótimo me perdoem por não aparecer aqui para  postar pois estava indo pra escola, e hoje e amanhã não tenho aula pra mim e hoje eu estou aproveitando para postar aqui! bem avisando eu não fiz o layout daqui por quando eu fui mudar deu ums erros ai resolvi colocar aqui no blog o layout free da Milly do Pink Sweetness então só pra avisar eu não fiz esse layout, mais logo logo o TT terá um outro lay esse é só por enquanto ;) mudando de assunto  hoje trago um tutorial que aprendi lá no Quem Precisa de TV para ver Beyoncé hoje voces iram aprender a colocar: Barra de Rolagem Degradê 
o efeito é super fofo e criativo  "TODOS OS CRÉDITOS VÃO PARA A DANI KAULITZ" para ver o tutu clique em mais informações........ 
Barra de rolagem do blog: Brigadeiro Vintage 

1° Passo: Vá em Modelo >> Editar HTML >> Aperte a 1° seta e procure por  ]]></b:skin>
Acima dele cole:

::-webkit-scrollbar {width: 18px; height: 4px; background: #FFEAF4; border: 2px double #D90067;}::-webkit-scrollbar-thumb { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FF82C0), color-stop(1, #FFC6E2));border: 2px double#D90067;}

Entenda os códigos: 

background: #FFEAF4; - Cor do fundo da barrinha que não se mexe
border: 2px double #D90067- espessura,estilo e cor da borda do fundo que não se mexe
color-stop(0.05, #FF82C0), - cor da barrinha que se mexe
color-stop(1, #FFC6E2)); - cor da barrinha que se mexe mais clara
border: 2px double #D90067- espessura,estilo e cor da borda do fundo que não se mexe


Depois de editar tudo vizualize pra ver se está tudo certinho :)

Bjokas amores....

18 comentários:

  1. gostei é diferente e fica bem fofinho nerr..................Um beijo com gosto de brigadeiro e um abraço saborr amizade.rs rs suahsuahsuhsauha Te espero la


    http://louca-por-html.blogspot.com.br/

    ResponderExcluir
  2. O tutorial é bem legal ! Talvez eu use em algum lay q faço pro The Walking !!! Li o post anterior e fico feliz que tenha completado os 100 followers , eu to com 1109 haha. Se der me segue ? @PabloMalhacao ... Thanks

    ResponderExcluir
  3. Tenho outro twitter de 301 seguidores ... Se der seg tbm @blogfemachado

    ResponderExcluir
  4. ai fiica tão lindo né ? sou apaixonada por degradê! amei

    http://euamotutoriais.blogspot.com.br/

    ResponderExcluir
  5. Fica muito fofo essa barrinha degradê :3
    xoxo

    chovendo-glitter-em-londres.blogspot.com

    ResponderExcluir
  6. Ownt que fofinho, quem dera eu saber mexer nessas coisas, vou só na base do lay free msm . e.e'
    Geeh, tu tem vaga para afiliada? Se tiver, aceita se afiliar com meu blog? Dá uma olhadinha nele : http://lady-perfezione.blogspot.com.br/
    Beijocas

    ResponderExcluir
    Respostas
    1. Oi linda aceito siim viu! e pode deixar que vou dar olhadinha nele <3

      Excluir
  7. Gostei! porem nunca consigo fazer tudo certinho nesse tutoriais (sou meio nub sabe kkkkkk)
    Linda vc pode seguir o blog de novo (houve uns probleminhas técnicos). Ah! o seu lay novo ficou bem bacana :) beijokas da luíza

    ResponderExcluir
  8. queria tratar de um assunto com você, entre em contato comigo atraves de meu e-mail : giovannabieber2011@hotmail.com

    ResponderExcluir