01/02/2015

Barra de rolagem personalizada [ANIME SPIRIT]


Olá, como vão?! (Não sei por que sempre perguntamos como vão, sendo que nunca iram responder). Emfim, hoje venho com mais um tutorial do Spirit. E blá, blá, blá. Como estou muito agitada vou começar com a encheção de saco para ficar tudo lotado aqui^^ Mentira vamos lá! - Vou ensina-los como mudar a barra de rolagem no anime spirit. *preview*
Vá no código de seu Style. Pressione ''F3'' e procure por #base {
Abaixo dele, isto é, depois a chave "}" cole este código:


::-webkit-scrollbar-thumb:vertical {
background: #f0ceda; /*Cor da barrinha que se move*/
border: 1px solid #fff; /*Coloque borda se quiser*/}
::-webkit-scrollbar-thumb:horizontal {
background-color:#f0ceda; /*Cor da barrinha que se move*/
border: 1px solid #fff; /*Coloque borda se quiser*/}

::-webkit-scrollbar {
width:10px; /*Largura da barra de rolagem*/
 background: #fff; /*Cor da parte fixa, que fica no mundo*/
border: 1px solid #bgh; /*Coloque borda se quiser*/
}

Caso queira uma imagem como fundo da barra, substitua o "background: #COR;" por:

background-image: url(LINK-DA-IMAGEM);

O interessante é que a barra não fica somente no site em si, ele também é modificado no menu lateral onde se encontra os amigos e os grupos em que estão.^^
Espero que tenham gostado. Flw. Bye!♥,♥


Crédito do código(www)


18 comentários:

  1. Oi! Muito bom quando as redes sociais são personalizáveis. Eu não uso o anime spirit mas gostei muito da dica, fica lindo. :)
    Adorei seu blog, muito fofo (E você é Baby, OMG). Estou seguindo e desejo-te muito sucesso!
    beijos ♥
    nuclear--story.blogspot.com.br

    ResponderExcluir
    Respostas
    1. >.< muito obrigada pelo carinho e apoio.
      Beijos♥

      Excluir
  2. Olá! Leitora nova aqui ~ Eu estou bem, obrigada por perguntar ashuahsuasahu' Ótimo tutorial, é bem útil. Eu não uso muito o Spirit, mas o tutorial funciona com o Blogger também, não é? Apaixonei pelo seu blog, ele é muito fofo!

    i-dealizing.blogspot.com.br

    ResponderExcluir
    Respostas
    1. U.ú muito obrigada! fico feliz que tenha gostado♥
      Sim, o tutorial tbm funciona do blogger!
      -Bjs

      Excluir
  3. Olá, amorzinho. Tudo bem? Eu estou bem, obrigada q.
    Deu até saudades de ler fanfics çkdç. Ótimo tutorial sz.

    Até mais.

    ResponderExcluir
    Respostas
    1. Oh, sim! No meu caso eu não fico sem Fanfics ¬¬
      Bjs e obrigada por comentar♥

      Excluir
  4. Olá, eu estou muito bem. E você? Eu queria saber fazer styles para o anime spirit, mas nunca nem tentei ahsldjd Ótimo tutorial. Beijos.

    SPACE*SHIP

    ResponderExcluir
    Respostas
    1. Estou bem obrigada! Confesso que eu também era, pura preguiça na verdade *-*
      Obrigada mais uma vez. bjs♥

      Excluir
  5. Oie. Eu estou bem, obrigada por perguntar. E você?
    Eu acho tão legal quando a barra de rolagem é personalizada o meu não é por pura preguiça de colocar ndjandjsandjsa.
    sessão proibida †

    ResponderExcluir
    Respostas
    1. Eu tenho preguiça para tudo, não sei como eu consigo ter um blog e Fics no spirit hushus obrigada por comentar!

      Excluir
  6. Oie! Eu estou bem e você? :3
    Achei o tutorial bem útil, eu usaria, seria uma pena se eu nem soubesse o que AnimeSpirit *corre* Certo, eu cheguei a pesquisar o que é, mas me apareceu links do Social Spirit, então tipo, é a mesma coisa? Não? Ai meu Deus eu não sei ;-; *burra* Também tem um link da Desciclopédia -q
    Eu vou procurar o que diabos é isso, porque eu já ouvi falar e acho que até entrei alguma vez e-e Enfim, até ~ ♥

    RAW

    ResponderExcluir
    Respostas
    1. Tudo, obrigada por perguntar. O Anime Sprit é a mesma coisa do Social Spirit. É uma rede social onde os fãs podem criar Fanfics de ídolos, e cada usuário tem seu perfil, onde eu ensino em poucos artefatos a personalizar!
      Então, se caso se deparar com um ou outro não se preocupe, que é a mesma coisa>.<

      Excluir
  7. Gostei do tutorial,vou estar guardando ok?
    Blog:http://escritordepalavras.blogspot.com.br/
    Passa lá,post novo ♥

    ResponderExcluir
  8. Eu sempre respondo UAHUAHU' Vou bem e vc? Tipo, não tão bem... Mas levo.

    Linda a barra! Muito legal o fato de podermos escolher uma imagem se quisermos :3

    Adolescente Nerd // Oficial [] 彡

    ResponderExcluir
    Respostas
    1. Oh, sim! muito obrigada por comentar (•.•\

      Excluir

Tentei ser normal, mas não consegui, eu tenho que soltar a franga:

❀Faz o que tu quiser da vida nesse comentário;
❀BUT, tá ilicitamente proibido ofender outros leitores!
❀Se chegar dando a louca com eles, o pau vai comer. Eu manjo das artes dos paranauê ¬¬ #rimou
❀Divulgação eu aceito, nem precisa comentar nada do post. PORÉM, entrará para minha lista de "Trouxas" #ignorada ;D.
❀Se quiser descontar sua raiva com palavões sobre minha pessoa, vai em frente, mas não me responsabilizo pelo Jutsu Thug Life que receber :*

Design by Nigohyu