MyBB Depo Forum

Orjinalini görmek için tıklayınız: Windows 8 Stil ScrollBar
Şu anda (Arşiv) modunu görüntülemektesiniz. Orjinal Sürümü Görüntüle internal link
Sayfalar: 1 2
(13-10-2013, Saat:15:28)ßyßurak Adlı Kullanıcıdan Alıntı: [ -> ]
(13-10-2013, Saat:15:27)SvMedeT Adlı Kullanıcıdan Alıntı: [ -> ]
(13-10-2013, Saat:14:11)NmDahmeT Adlı Kullanıcıdan Alıntı: [ -> ]css Kodları hatalı şu şekilde girin. Ama önce resimleri ftpye atın ve şu kodları ekleyin css 'nin en altına.

Kod:
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: #fff;
padding:0;
border: 1px solid #ddd;
}
/* UP, DOWN, LEFT and RIGHT button styling */
::-webkit-scrollbar-button:hover {
background-color:#DBDBDB !important;
}
::-webkit-scrollbar-button:vertical:decrement {
background:url(images/up.png) no-repeat center;
}
::-webkit-scrollbar-button:vertical:increment {
background:url(images/down.png) no-repeat center;
}
::-webkit-scrollbar-button:horizontal:decrement {
background:url(images/left.png) no-repeat center;
}
::-webkit-scrollbar-button:horizontal:increment {
background:url(images/right.png) no-repeat center;
}
::-webkit-scrollbar-button:active:vertical:decrement {
background:url(images/up-active.png) no-repeat center #606060 !important;
}
::-webkit-scrollbar-button:active:vertical:increment {
background:url(images/down-active.png) no-repeat center #606060 !important;
}
::-webkit-scrollbar-button:active:horizontal:decrement {
background:url(images/left-active.png) no-repeat center #606060 !important;
}
::-webkit-scrollbar-button:active:horizontal:increment {
background:url(images/right-active.png) no-repeat center #606060 !important;
}
/* Scrollbar thumb */
::-webkit-scrollbar-thumb {
background: #0e87c6; //* ScroolBar Rengi */
background: -moz-linear-gradient(top, #0e87c6 0%, #0c67a5 100%); //* ScroolBar Rengi */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e87c6), color-stop(100%,#0c67a5)); /* ScroolBar Rengi */
background: -webkit-linear-gradient(top, #0e87c6 0%,#0c67a5 100%); /* ScroolBar Rengi */
background: -o-linear-gradient(top, #0e87c6 0%,#0c67a5 100%); /* ScroolBar Rengi */
background: -ms-linear-gradient(top, #0e87c6 0%,#0c67a5 100%); /* ScroolBar Rengi */
background: linear-gradient(to bottom, #0e87c6 0%,#0c67a5 100%); /* ScroolBar Rengi */

}
::-webkit-scrollbar-thumb:hover {
background-color: #6db129; /* ScroolBar Üstüne Gelince Çıkacak Renk */
background: linear-gradient(to bottom, #6db129 0%,#6db129 100%); /* ScroolBar Üstüne Gelince Çıkacak Renk */

}
::-webkit-scrollbar-thumb:active {
background-color: #3b3b3b; /* ScroolBar Üstüne Basınca Çıkacak Renk */
background: linear-gradient(to bottom, #3b3b3b; 0%,#3b3b3b; 100%); /* ScroolBar Üstüne Basınca Çıkacak Renk */
}
/* Some unstyled stuff */
::-webkit-scrollbar-track {

}
::-webkit-scrollbar-track-piece {

}

::-webkit-scrollbar-corner {

}
::-webkit-resizer {

}

Bu kodda ne değiştirdim ?

images/WMTR Falan diyor orada ama direk resimler images'e gidiyor.

images/ yaptım o kadar.

WMTR benim önceki sitelerimden biriydi. Hatta alıntı yapılan sitede benim yaptığım temanın mybb'ye uyarlanmış hali. Görünce eski günler aklıma geldi Açık Ağızlı Gülümseme

Açık Ağızlı Gülümseme Bende ScrollBarı o Tema Üzerinde Kullandım Saten Kodları Ordan Alıp Direk Buraya Yapıştırınca küçük bir hata Olmuş...

Hah! çaktım zaten burak. Ayrıca bunda hata yok, normal scrollbarlarda ctrl + yaptığımızda scrollda beraber genişliyordu ama bunda sorun yok Gülümseme
Eksik Resimler Eklendi Css'deki Yanlış URL Düzeltildi
Teşekkürler çok hoş bir scrollbar görünce hemen kullandım emeğe saygı +1 teşekkürler Gülümseme
çalışmadı bende
Malesef olmuyor. İmages denedim. Resimler im*ur yükleyip öyle denedim yine olmadı orjinal scrool duruyor her halükarda
Bu kodlar çoğu tarayıcıda çalışmıyor. O yüzden tek çözüm jquery scrollbar kullanmak ancak o şekilde istediğinizi elde edersiniz. Diğer türlü çalışmayacaktır.
Çalışmıyor.
Bende Çalıstı Gülümseme
Sayfalar: 1 2