Barra de rolagem personalizada [ANIME SPIRIT]

01/02/2015


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
  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

❀Seu comentário será muito apreciado, se quiser pode colocar o link da sua página, site ou blog para eu visitar sem problema.

❀Qualquer forma de expressão é valida (pode usar palavrões) contanto que não ofenda ou pratique algum crime de ódio;

❀Evite Spam e seja feliz