اسکریپت تغییر رنگ اسکرول بار

  • نویسنده موضوع steve
  • تاریخ شروع
S

steve

تازه وارد
سلام.

کدی میخوام که باهاش بشه رنگ اسکرول بار رو تغییر داد.

و یه کدی هم میخوام که بشه اسکرول بار رو به سمت چپ برد.

مثل:

لینک ها تنها برای اعضای سایت قابل نمایش است.


اما نمیتونم کدش رو بدست بیارم

 
Mohammad

Mohammad

مدیر انجمن
پرسنل مدیریت
کافی بود جستجو کنید


کد: 
http://www.persianscript.ir/1391/06/12/roll-bar-codecanyon-javascript-download-free/
 
hannanstd.ir

hannanstd.ir

مدیر انجمن و توسعه دهنده ووکامرس پارسی
کد زیر رو بزار تو فوتر قالبت .

البته اگه کار کرد بعدش فایل js رو که تو لینک زیر هست بریز تو هاست خودت :


کد: 
<script  type="text/javascript" src="http://forum.arshad98.ir/images/snap/jquery.nicescroll.min.js"></script> 
<script type="text/javascript">
$(document).ready(function() {



$("html").niceScroll({
autohidemode: 'false',    
cursorborderradius: '3px', 
cursorwidth: '10px',       
cursorcolor: '#085586',     
cursorborder:"",
background: '',
cursoropacitymax:0.7
});




});
</script>
داخل کد بالا میتونی رنگ و ضخامت و ... شخصی سازی کنی .

توضیحات اضافه :

برای هر کلاس و آیدی هم اگه خواستی میتونی همون واسه html رو کپی کنی زیرش و بجای html کلاس و آیدی مورد نظر رو بزاری مثل کد زیر :


کد: 
 $(".scrlco").niceScroll({ 
        autohidemode: 'false', 
        cursorborderradius: '3px', 
         cursorwidth: '7px',       
        cursorcolor: '#085586',   
        cursorborder:"",
       background: '',
       scrollspeed:60,
railalign:"left",
        cursoropacitymax:0.7 
      });
دمو :


کد: 
http://arshad98.ir/z/%d9%85%d8%b9%d8%b1%d9%81%db%8c-%d8%b1%d8%b4%d8%aa%d9%87/
 
آخرین ویرایش توسط مدیر:
S

steve

تازه وارد
کد زیر رو بزار تو فوتر قالبت . البته اگه کار کرد بعدش فایل js رو که تو لینک زیر هست بریز تو هاست خودت :


کد: 
<script  type="text/javascript" src="http://forum.arshad98.ir/images/snap/jquery.nicescroll.min.js"></script> 
<script type="text/javascript">
$(document).ready(function() {



$("html").niceScroll({
autohidemode: 'false',    
cursorborderradius: '3px', 
cursorwidth: '10px',       
cursorcolor: '#085586',     
cursorborder:"",
background: '',
cursoropacitymax:0.7
});




});
</script>
داخل کد بالا میتونی رنگ و ضخامت و ... شخصی سازی کنی .

توضیحات اضافه :

برای هر کلاس و آیدی هم اگه خواستی میتونی همون واسه html رو کپی کنی زیرش و بجای html کلاس و آیدی مورد نظر رو بزاری مثل کد زیر :


کد: 
 $(".scrlco").niceScroll({ 
        autohidemode: 'false', 
        cursorborderradius: '3px', 
         cursorwidth: '7px',       
        cursorcolor: '#085586',   
        cursorborder:"",
       background: '',
       scrollspeed:60,
railalign:"left",
        cursoropacitymax:0.7 
      });
دمو :


کد: 
http://arshad98.ir/z/%d9%85%d8%b9%d8%b1%d9%81%db%8c-%d8%b1%d8%b4%d8%aa%d9%87/
کلیک کنید تا گسترش یابد...
متاسفانه کار نکرد

 
A

alihesari

کاربر عضو
لینک ها تنها برای اعضای سایت قابل نمایش است.

 
آخرین ویرایش توسط مدیر:
شما برای پاسخ‌دادن باید به انجمن ورود کنید.
بالا