Fox Games
Fox Games!.
Bem Vindo convidado, faça sua conta , e logue nela e faça parte dessa familia!.
Nova Comunidade de games que chegou para arrasar os fóruns!

Participe do fórum, é rápido e fácil

Fox Games
Fox Games!.
Bem Vindo convidado, faça sua conta , e logue nela e faça parte dessa familia!.
Nova Comunidade de games que chegou para arrasar os fóruns!
Fox Games
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.
Fox Games


[CSS] Scrollbar do Windows 8

3 participantes

Fox Games :: Informática :: Programação :: CSS

Ir para baixo

[CSS] Scrollbar do Windows 8 Empty [CSS] Scrollbar do Windows 8

Mensagem por Łazy™ Qua Nov 28, 2012 7:32 pm

Olá,

Irei disponibilizar um código que deixa sua scrollbar igual á do Windows 8, somente para usuários do Google Chrome e Safari.


Código:
/*
Windows 8 Scrollbar CSS
by ntim007
http://ntim007.kodingen.com
http://ntim007.deviantart.com
*/
/* For IE */
body {
  scrollbar-3dlight-color:#CDCDCD;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-base-color:#EFEFEF;
  scrollbar-darkshadow-color:#CDCDCD;
  scrollbar-face-color:#CDCDCD;
  scrollbar-highlight-color:#EFEFEF;
  scrollbar-shadow-color:#CDCDCD;
}
/* For Chrome or Safari */
/* Scrollbar background color */
::-webkit-scrollbar {
background-color:#EFEFEF;
padding:0;
}
/* UP, DOWN, LEFT and RIGHT button styling */
::-webkit-scrollbar-button:hover {
background-color:#DBDBDB !important;
}
::-webkit-scrollbar-button:vertical:decrement {
background:url('http://i.imgur.com/Z35sN.png') no-repeat center;
}
::-webkit-scrollbar-button:vertical:increment {
background:url('http://i.imgur.com/JqlFE.png') no-repeat center;
}
::-webkit-scrollbar-button:horizontal:decrement {
background:url('http://i.imgur.com/iHpjI.png') no-repeat center;
}
::-webkit-scrollbar-button:horizontal:increment {
background:url('http://i.imgur.com/42sP9.png') no-repeat center;
}
::-webkit-scrollbar-button:active:vertical:decrement {
background:url('http://i.imgur.com/R1Pkg.png') no-repeat center #606060 !important;
}
::-webkit-scrollbar-button:active:vertical:increment {
background:url('http://i.imgur.com/9BBNo.png') no-repeat center #606060 !important;
}
::-webkit-scrollbar-button:active:horizontal:decrement {
background:url('http://i.imgur.com/QRs1U.png') no-repeat center #606060 !important;
}
::-webkit-scrollbar-button:active:horizontal:increment {
background:url('http://i.imgur.com/nXfXT.png') no-repeat center #606060 !important;
}
/* Scrollbar thumb */
::-webkit-scrollbar-thumb {
background-color:#CDCDCD;

}
::-webkit-scrollbar-thumb:hover {
background-color:#A6A6A6;

}
::-webkit-scrollbar-thumb:active {
background-color:#606060;

}
Demonstração: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Créditos: Łazy™ e Microsoft.

Cordialmente ...
Łazy™
Łazy™
Administração

Post's : 21

Pontos : 54447

Like's : 0

Ir para o topo Ir para baixo

[CSS] Scrollbar do Windows 8 Empty Re: [CSS] Scrollbar do Windows 8

Mensagem por FireWhip Qui Nov 29, 2012 1:35 pm

Olá!

senhor cliquei no site olha o que me apareceu.
click aqui para ver:
Seria isto mesmo?

Até Mais.
FireWhip
FireWhip
Moderação

Post's : 56

Pontos : 304

Like's : 0

Ir para o topo Ir para baixo

[CSS] Scrollbar do Windows 8 Empty Re: [CSS] Scrollbar do Windows 8

Mensagem por Łazy™ Qui Nov 29, 2012 3:14 pm

Olá,

Seria sim, o texto serve para a página ir além da tela de seu Computador, e, a Demonstração, não é o texto, é a Barra de Rolagem.

Cordialmente ...
Łazy™
Łazy™
Administração

Post's : 21

Pontos : 54447

Like's : 0

Ir para o topo Ir para baixo

[CSS] Scrollbar do Windows 8 Empty Re: [CSS] Scrollbar do Windows 8

Mensagem por FireWhip Qui Nov 29, 2012 4:17 pm

Olá!

senhor no caso teria que por barra de rolagem, em vez de um nome Scrollbar, que são pucos que entende isto.

Até Mais.
FireWhip
FireWhip
Moderação

Post's : 56

Pontos : 304

Like's : 0

Ir para o topo Ir para baixo

[CSS] Scrollbar do Windows 8 Empty Re: [CSS] Scrollbar do Windows 8

Mensagem por ,ToY! Sex Nov 30, 2012 6:28 am

Poisé , por que so no google chrome tem isso!
Gostei.
,ToY!
,ToY!
Administração

Post's : 58

Pontos : 288

Like's : 0

https://foxgames.forumeiro.com

Ir para o topo Ir para baixo

[CSS] Scrollbar do Windows 8 Empty Re: [CSS] Scrollbar do Windows 8

Mensagem por Łazy™ Sáb Dez 01, 2012 8:30 am

Olá,

O código é funcional apenas para Google Chrome, Safari, e Internet Explorer, algumas versões do Mozilla Firefox não são compatíveis ao código.

Cordialmente...
Łazy™
Łazy™
Administração

Post's : 21

Pontos : 54447

Like's : 0

Ir para o topo Ir para baixo

[CSS] Scrollbar do Windows 8 Empty Re: [CSS] Scrollbar do Windows 8

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

Fox Games :: Informática :: Programação :: CSS

 
Permissões neste sub-fórum
Não podes responder a tópicos