MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
ßyßurak avatar
Konuyu Oyla:
  • Derecelendirme: 3/5 - 1 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 3/5 - 1 oy

Windows 8 Stil ScrollBar


Sponsor Reklam
media venus

Çevrimdışı SvMedeT
 Tarih: 13-10-2013, Saat:15:32
#9
(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
Cevapla
Bunu Beğenenler:

Çevrimdışı ßyßurak
 Tarih: 13-10-2013, Saat:15:58
#10
Eksik Resimler Eklendi Css'deki Yanlış URL Düzeltildi
Cevapla
Bunu Beğenenler:

İzinli NmDahmeT
 Tarih: 13-10-2013, Saat:16:38
#11
Teşekkürler çok hoş bir scrollbar görünce hemen kullandım emeğe saygı +1 teşekkürler Gülümseme
Cevapla
Bunu Beğenenler:

Çevrimdışı tangoo2455
 Tarih: 12-12-2013, Saat:01:23
#12
çalışmadı bende
Cevapla
Bunu Beğenenler:

Çevrimdışı meganonur
 Tarih: 15-01-2014, Saat:01:37
#13
Malesef olmuyor. İmages denedim. Resimler im*ur yükleyip öyle denedim yine olmadı orjinal scrool duruyor her halükarda
Cevapla
Bunu Beğenenler:

Çevrimdışı usameavci
 Tarih: 15-01-2014, Saat:02:52
#14
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.
Cevapla
Bunu Beğenenler:

Çevrimdışı meganonur
 Tarih: 15-01-2014, Saat:19:02
#15
Çalışmıyor.
Cevapla
Bunu Beğenenler:

Çevrimdışı ByTugrul
 Tarih: 15-06-2014, Saat:11:10
#16
Bende Çalıstı Gülümseme
Cevapla
Bunu Beğenenler:

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
Öneri - Fikir Overlok Stil Scrollbar Controller 3 1,143 25-05-2014, Saat:14:01
Son Yorum: Teknology
  MCTR Stil Footer'da Sabit Kullanıcı Paneli Yapımı ! TheLegend 3 2,288 06-09-2012, Saat:16:24
Son Yorum: TheLegend



Konuyu Okuyanlar: 1 Ziyaretçi