![[Css]Scrollbar Windows 8 Buddy_Group](https://2img.net/h/cdn1.iconfinder.com/data/icons/df_On_Stage_Icon_Set/128/Buddy_Group.png){kind=icon}
Início
Entrar
Cadastre-se
Mensagens
MoedasOlá,
Irei disponibilizar um código que deixa sua scrollbar igual á do Windows 8, somente para usuários de Google Chrome e Safari.
Demo: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Créditos: TrY - Upload de imagens. -- Desconhecido - Criar o código e imagens.
Irei disponibilizar um código que deixa sua scrollbar igual á do Windows 8, somente para usuários de 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;
}
Demo: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Créditos: TrY - Upload de imagens. -- Desconhecido - Criar o código e imagens.
