• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

18 de outubro de 2014

Barra de rolagem em Hover #3

Eae bródis
Espero que estejam bem, eu estou trank, o calor decidiu ir embora e agora está mais fresco por aqui, bem melhor, mas prefiro o frio. Fico feliz pelos comentários carinhosos na postagem anterior, e por fechar parceria com um novo blog {www} que a dona é tão doce quanto o nome do blog dela. Estou contando as horas, os segundos e os minutos para o segundo episódio de The Walking Dead que sairá amanhã, cara chega logo amanhã, chegue! HAUA'

 Saindo desse assunto e indo para os livros, quem aí já leu Fallen? E Extraordinário? Bem, os dois são muito bons, mas por mais besta que pareça, Extraordinário é bem melhor do que Fallen que é um pouco sonolento, mas muito bom por conseguir transmitir a sensação de 'chegar perto de anjos', nesse aspecto de conseguir transmitir a sensação dos personagens, os dois são nota nurf. ┌U・ェ・U┘

Hoje trouxe para vocês um tutorial de como fazer a barra de rolagem daqui do blog, sim, eu quem fiz esse modelo, então se rebloggarem, peço que dê os créditos ao blog por favor ❛ั▿❛ั A barra não tem nada de especial, a única coisa de 'ah que especial' dela é que você passa o mouse em cima e ela fica em hover, ou seja, troca a cor. Trouxe um preview dela para vocês saberem como é, não se espantem, meus blogs de visualização são horríveis assim mesmo, mas a ideia é visualizar somente a barra então...

{ } Preview

- Para começar já terminando, vá em seu HTML e cole acima de ]]></b:skin>:
::-webkit-scrollbar {width: 18px; height: 4px; background: #E5BBC6; box-shadow: inset 0 0 15px #ccc; }
::-webkit-scrollbar-thumb { background: #ECCAD3; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; box-shadow: outset 0 0 10px #CDA2AE; -webkit-transition-duration: .30s; }
::-webkit-scrollbar-thumb:hover { background: #E4B1BF; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; box-shadow: outset 0 0 10px #CDA2AE; -webkit-transition-duration: .30s; }

Super fácil não?! Como eu disse antes, se rebloggar credite o A.N, pois eu quem desenvolvi a bagaceira do efeito UHAUA' c:
Espero que tenham gostado do tutorial, em breve trago mais tutoriais exclusivos, que tal?! Obrigada pelo carinho abores, e comentem o que acharam e se tiveram alguma dúvida, não hesitem em falar.

18 comentários:

  1. Yoo Megan! entrei por acaso e notei que o A.N tava aberto , que felicidade , cara!
    to muito ansiosa pelo ep tambem >uu<
    bom , eu já li e adorei , apenas u.u
    Nunca havia visto esse tuto , que eu me lembre , bem legal e diferente *u*

    www.g-girlie.net (。・//ε//・。)

    ResponderExcluir
    Respostas
    1. UAHAU' eu que iventei çá bagaçinha KKK' ain cara, é voltamos com o blog ;´3

      Excluir
  2. Oiiiii Megan,~pausa para meu momento euforia~ OOOOMGGG, VOCÊS VOLTARAM \Õ/, que alegria gente ~o~
    Adorei o novo layout, apesar de ter um relacionamento sério com o antigo ♥
    Eu já li Fallen, a saga inteira, amo livros de anjos caídos, eu adorei o livro >o<
    Eu adoro barra de rolagem personalizada, essa sua fica linda demais, adorei, vou usar no meu próximo lay.
    Seguindo esse blog divo :3 Aceita afiliação/parceria?
    Beijos
    Beijos.
    Brilliant Diamond | Fan Page

    ResponderExcluir
    Respostas
    1. Ain voltamos ;´3 não aguentava mais o hiatus

      Ain abor, fecharia a parceria mas a droga é que acabou as vagas ;-; desculpa :s

      Excluir
  3. Que bonitinha essa barra de rolagem, acho que nunca vi tutoriais com esse efeito. Sério que o calor amenizou aê? QUE SORTUDO CARAAAAAAAAAAAA, aqui tá de morrer, sério, o sol ta abraçando a Terra e eu não tô curtindo isso T^T
    Bem vindo de volta ô/
    likearocklikearoll.blogspot.com

    ResponderExcluir
    Respostas
    1. Oque? agora voltou o calor, mais forte do que antes ;´c

      Excluir
  4. Nescau com Nutella é um blog super fofo, a dona é uma fofa ♥ Fallen parece meio chato... Na verdade, parece aquele romance clichê. Mas eu quero muito Extraordinário.

    Que barra de rolagem fofa ♥ Nunca vi uma hover. Claro, já vi muitas normais, mas hover nunca. Adorei o tutorial!

    The Lord of Thrones

    ResponderExcluir
    Respostas
    1. AH, extraordinário é extraordinário, eu gostava de pegar a capa e separar o EXTRA do Ordinário KKKKKKKK' é engraçado ._. tá?!

      E Fallen é muito clichê só que um clichê diferente, vale a pena ler.

      Excluir
  5. Eu quero ver The Walking Dead, mas tenho tantas séries para assistir que fica complicado :c Acho que vou começar no próximo fim de semana ♥

    Eu queria ler Fallen, mas pelo que eu soube, é tão entendiante... Enfim, se eu tiver a oportunidade, qualquer dia desses eu leio. Tô doida para ler Extraordinário, parece ser tão bom daslçd Acho que vou pegar emprestado com uma amiga e ler em breve *3*

    Caramba, é tutorial perfeito, sos. Eu nunca vi nenhuma barra de rolagem em hover. Acho que vou usar no meu próximo template.

    kissu, undisclos-ed.blogspot.com

    {ah, ei, você pediu afiliação no meu blog. eu respondi lá, mas vou responder aqui porque você não viu, claro dalçd mas eu aceito! ♥ vou colocar o adolescente nerd na elite do undisclosed. *3*}

    ResponderExcluir
    Respostas
    1. Ah veja logo, UHAUA' vale tanto a pena que você poderia largar as outras só pra TWD ♡

      É, já falaram que tivera gente que já dormiu lendo esse livro, ué, talvez estavam com sono. É bem clichê mesmo mas o maneiro é que a gente se sente nela, dá vontade de se apaixonar por um anjo q-

      Excluir
  6. Muito legal o tutorial!

    http://gotasdecaffe.blogspot.com.br

    ResponderExcluir
  7. Eu também estou ansiosa para o ep >.< eu nunca tinha visto este tutorial antes, ele parece ficar bem lindo no blog UuU adorei o tutorial!
    Kisses candy ♥ l http://candycherry-bynate.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. UHAUA' por isso ele é exclusivo, eu quem fiz UHAUA' ;3

      Excluir
  8. Que bom que vai bem, fico muito feliz ^^
    Bate ae!!!! \o/ Eu sei eu fiquei sem palavras foi incrível *-----* Nossa a emoção escorreu pelos meus olhos foi muito kawaii :3
    Sério Sam que você gostou? Ahhhh muito obrigado >.< Eu já seguia seu blog a mais de um ano e sempre achei ele muito lindo e kawaii, foi uma das minhas inspirações *----*
    Afiliação aceita, kisses *3*
    http://world-nerd.blogspot.com.br/

    ResponderExcluir
  9. Respostas
    1. Se você rebloggar, você coloca os créditos no mesmo post que você postou esse tutorial amora :D

      Excluir