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!

[CSS] Scrollbar do Windows 8

Ir em baixo

[CSS] Scrollbar do Windows 8

Mensagem por Łazy™ em 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: [Você precisa estar registrado e conectado para ver este link.]
Créditos:
Łazy™ e Microsoft.

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

Post's : 21

Pontos : 54447

Like's : 0

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: [CSS] Scrollbar do Windows 8

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

Olá!

senhor cliquei no site olha o que me apareceu.
click aqui para ver:
These scrollbars are so stylish !!! These scrollbars are so stylish !!! These scrollbars are so stylish !!! These scrollbars are so stylish !!! These scrollbars are so stylish !!! These scrollbars are so stylish !!! These scrollbars are so stylish !!! These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

These scrollbars are so stylish !!!

Edit in JS Bin ⚑
Seria isto mesmo?

Até Mais.
avatar
FireWhip
Moderação

Post's : 56

Pontos : 304

Like's : 0

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: [CSS] Scrollbar do Windows 8

Mensagem por Łazy™ em 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 ...
avatar
Łazy™
Administração

Post's : 21

Pontos : 54447

Like's : 0

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: [CSS] Scrollbar do Windows 8

Mensagem por FireWhip em 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.
avatar
FireWhip
Moderação

Post's : 56

Pontos : 304

Like's : 0

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: [CSS] Scrollbar do Windows 8

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

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

Post's : 58

Pontos : 288

Like's : 0

Ver perfil do usuário http://foxgames.forumais.com

Voltar ao Topo Ir em baixo

Re: [CSS] Scrollbar do Windows 8

Mensagem por Łazy™ em Sab 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...
avatar
Łazy™
Administração

Post's : 21

Pontos : 54447

Like's : 0

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: [CSS] Scrollbar do Windows 8

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


Voltar ao Topo Ir em baixo

Voltar ao Topo


 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum