درخواست اموزش نحوه تعویض اسکورل بار

[Hasan Mahdavi 0]

با سلام

ما یه قالب نصب کردیم که خیلی خوبه

اما اسکرول بارش یه استایل دیگه داره و سیاه رنگه و سرعت لود سایت رو به شدت پایین اورده

حالا من چطوری میتونم اونو پاک کنم و همین اسکرول بار معمولی رو جایگزینش کنم؟

[شهاب 283]

سلام

ادرس سایت انلاین رو قرار بدید اینجا

[graphicno 77]

به طور معمول از کد زیر برای تغییر اسکورل بار استفاده میشه

دنبال همچین کدی در فایل css قالب باشید :

::-webkit-scrollbar {
}

::-webkit-scrollbar-track {
}

::-webkit-scrollbar-thumb {
}

ویرایش شده شهریور 94 توسط graphicno

[Hasan Mahdavi 0]

پیدا نکردم

لطفا یکی برام ویرایش کنه

اینم فایل استایل css :

/*
Theme Name: NEX2
Author: Mohammad Famo
Author URI: http://www.famo.ir
Version: 1
*/
@font-face{font-family:'Yekan';src:url('Fonts/BYekan.ttf') format('truetype'), url('Fonts/BYekan.eot?#') format('eot'), url('Fonts/BYekan.woff') format('woff');font-style:normal;font-weight:normal;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, code, del, em, font, img, strong, b, i ol, ul, li, form{padding:0;margin:0;}
body{direction:rtl;color:#e5e5e5;background:url('images/bg.jpg') repeat fixed #14191d;margin:0;padding:0;text-align:center;font:11px/1.9 tahoma;}
a{text-decoration:none;color:#4A6076;transition:all 0.3s ease-out;}
a:hover{text-decoration:none;color:#E7AA18;}
ul, li{border:0;padding:0;margin:0;list-style:none;}
img{border:0;transition:all 0.3s ease-out;}
input,select,button,textarea,.thdrpy, #cancel_reply,.cm-body{font-family:'Yekan',tahoma;transition:all 0.3s ease-out;}
h1{font:bold 1.7em/1.6 'Yekan',tahoma;margin:0;padding:0;}
h3,h2{font:1.2em/1.2 'Yekan',tahoma;}
h4{font:bold 1.2em/1.6 'Yekan',tahoma;}
input,textarea{padding:5px;border-radius:3px;color:#4a6076;}
.top,.warpper{margin:0px auto;width:90%;}
.warpper{text-align:right;}
.two-warpper{width:100%;float:right;margin-top:10px;}
.boxs-warpper{float:left;width:75%;}
.header{float:right;width:100%;background:url('images/bg2.jpg') repeat fixed;height:135px;overflow:hidden;}
.nav{background:none repeat scroll 0% 0% #020212;float:right;width:100%;font:13px Yekan,tahoma;height:44px;}
.nav ul{float:right;font:15px 'Yekan',tahoma;margin-top:8px;}
.nav ul li{float:right;}
.nav ul li a{float:right;color:#ccc;margin:0px 7px;border-radius:3px;padding:2px 5px;}
.nav li a:hover{color:#f2f2f2;background:#BD2132}
.social a{float:left;font-size:20px;color:#CCC;width:44px;height:44px;line-height:48px;margin-right:5px;}
.social a:hover{background:#BD2132;color:#fff;}
.social a.rss:hover{background:#21bd5c}
.social a.instagram:hover{background:#bd8f21}
.social a.twitter:hover,.social a.facebook:hover{background:#2163bd}
.social a.yahoo:hover{background:#9621bd}
.newsletter{float:left;background:none repeat scroll 0% 0% rgba(2, 2, 18, 0.3);padding:10px 10px 15px;}
.newsletter input{border:0px none;background:none repeat scroll 0% 0% #020212;color:#FFF;text-align:center;width:180px;}
.newsletter input:hover{background:none repeat scroll 0% 0% rgba(2, 2, 18, 0.6);}
.newsletter button{background:#BD2132;color:#f2f2f2;padding:4px;border-radius:3px;margin-right:5px;cursor:pointer;border:0px;}
.newsletter button:hover{background:#9a1b28;}
.newsletter p{font:13px Yekan,tahoma;margin:0px 0px 14px;}
.logo{float:right;margin-top:18px;}
.logo:before{content:"\f001";font:50px FontAwesome;cursor:default;color:#ccc}
.toptxt{float:right;width:40%;margin:8px 10px;}
.toptxt h1{text-align:right;font:30px/40px Yekan,tahoma;color:#ccc;width:100%;}
.toptxt span{font:11px tahoma;background:none repeat scroll 0% 0% #BD2132;color:#FFF;position:absolute;padding:0px 3px 1px;border-radius:2px;margin-right:5px;margin-top:8px;opacity:0.8;}
.toptxt h2{text-align:right;font:14px/35px Yekan,tahoma;color:#d9d9d9;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.feauplayer{float:right;width:100%;height:100px;background:none repeat scroll 0% 0% #020212;overflow:hidden;}
.feauplayer .cover{width:90px;height:90px;float:left;border-radius:3px;overflow:hidden;margin:5px;margin-left:25px;}
.feauplayer .info{width:80%;float:left;margin:8px 8px 0px;font:14px/24px Yekan,tahoma;color:#F2F2F2;text-align:left;height:48px;}
.feauplayer .info span{color:#d53b4c}
.feauplayer .Listen{font:15px Yekan,tahoma;margin-top:17px;float:left;position:absolute;border-right:2px solid #BD2132;padding:0px 7px;}
.feauplayer .play, .feauplayer .pause{cursor:pointer;float:left;margin:8px 5px 0px 5px;width:20px;}
.feauplayer .play:before{content:"\f04b";color:#fff;font:16px FontAwesome;display:inline-block;}
.feauplayer .pause:before{content:"\f04c";color:#fff;font:16px FontAwesome;display:inline-block;}
.feauplayer .like{margin-top:9px;}
.feauplayer .seekbar, .feauplayer .volume, .feauplayer .like, .feauplayer .download, .feauplayer .time, .feauplayer .timer,.pla{float:left;}
.feauplayer .seekbar{width:650px;height:8px;margin:14px 3px;background:none repeat scroll 0% 0% #18181B;border-radius:3px;}
.feauplayer .seekbar .mover{width:20%;height:8px;float:left;background:none repeat scroll 0% 0% #BD2132;border-radius:3px;}
.feauplayer .time, .feauplayer .timer{font:10px arial,tahoma;color:#72727E;margin:11px 5px;}
.feauplayer .volume{margin:9px 5px;}
.feauplayer .volume:before{content:"\f026";color:#fff;font:18px FontAwesome;}
.feauplayer .volume .keeper{width:100px;height:8px;background:none repeat scroll 0% 0% #19191B;border-radius:3px;margin:5px 0px 5px 10px;float:right;}
.feauplayer .volume .keeper .mover{width:50%;height:8px;border-radius:3px;background:none repeat scroll 0% 0% #BD2132;float:left;max-width:100%}
.feauplayer .download{background:none repeat scroll 0% 0% #1B1B1D;font:10px arial,tahoma;color:#D1D1D1;padding:10px 20px;margin:0px 5px;text-transform:uppercase;border-radius:3px;direction:ltr;}
.feauplayer .download:hover{background:#202022;color:#fff}
.search_box{float:right;background:url('images/music.jpg') no-repeat fixed 0px 0px/cover transparent;width:100%;height:250px;}
.search_box input, .search_box input:focus, .search_box input:hover{width:600px;height:70px;padding:4px 0px 0px;display:inline-block;box-shadow:0px -4px 0px 0px #E2E2E2 inset;font:15px Yekan,tahoma;border:0px none;border-radius:0px 3px 3px 0px;text-indent:20px;}
.search_box button{border:0px none;width:170px;height:74px;background:none repeat scroll 0% 0% #BD2132;margin:0px -3px 0px 0px;font-size:27px;color:#ccc;box-shadow:0px -4px 0px 0px #aa1d2d inset;display:inline-block;padding:0px;padding-bottom:2px;border-radius:3px 0px 0px 3px;cursor:pointer;}
.search_box button:hover{background:none repeat scroll 0% 0% #b11f2f;}
.banners{float:right;width:100%;background:#11141B;text-align:center;}
.banners img{margin:6px 15px 0px;border:3px solid #181c26;border-radius:3px;}
.sidebar{float:right;width:24%;}
.latest{margin-bottom:5px;float:right;width:100%;}
.tabs{width:100%;float:right;font:14px/3 Yekan,tahoma;text-align:center;border-radius:3px;}
.tabs a{background:none repeat scroll 0% 0% #1F262C;color:#d9d9d9;width:32.9%;float:right;border-left:1px solid #1A2127;}
.tabs a:first-child{border-radius:0px 5px 5px 0px;}
.tabs a:last-child{border-radius:5px 0px 0px 5px;}
.tabs a.active{background:#BD2132;border-left:1px solid #1F262C;}
.latest .content{float:right;width:100%;margin-top:10px;}
.sp{float:right;position:relative;margin:5px 0px;height:100px;}
.sp img{width:100%;height:auto;opacity:0.3;border-radius:4px;}
.sp:hover img{opacity:0.9;}
.sp:hover p{opacity:0;}
.sp:hover .more{display:none}
.sp p{position:absolute;width:100%;text-align:center;margin-top:30px;z-index:999;transition:all 0.3s ease-out 0s}
.sp a{color:#ccc;text-shadow:0px 1px 2px #000;}
.sp .more{letter-spacing:6px;font:9px/20px arial,tahoma;color:#52606D;text-transform:uppercase;text-align:center;}
.sp .des{display:none;text-align:center;margin-top:-1px;}
.sp:hover .des{display:block;}
.sp .ds{font:11px tahoma;color:#ccc;display:inline-block;margin-left:5px;}
.sp .ds a{color:#ccc}
.sp2{float:right;margin:5px 0px 5px;width:100%;}
.sp2 .desc{height:80px;overflow:hidden;float:right;width:65%;margin-right:5px;}
.sp2 img{float:right;border-radius:5px;opacity:0.7;margin-left:5px;}
.sp2 p{text-align:justify;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0px 1px 2px #000;color:#CCC;}
.sp2 .des{color:#CCC;text-shadow:0px 1px 2px #000;}
.sp2 a{color:#CCC;}
.sp2:hover img{opacity:1;}
.sp2 a:hover{color:#BD2132;}
.box{margin-bottom:8px;float:right;width:100%;border-bottom:1px solid rgba(32, 39, 47, 1);}
.box:first-child{margin-top:5px;}
.box:last-child{border:0px;}
.box .title h4, .box .title h5{font:15px/23px Yekan,tahoma;border-right:4px solid #E7AA18;padding:0px 10px;}
.box .title i{color:#E7AA18;font-style:normal;}
.box .content ul{margin:5px 0px;font:14px Yekan,tahoma;}
.box .content ul li a{padding:2px 0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;color:#ccc;text-shadow:0px 1px 2px #000;}
.box .content ul li a:hover{color:#E7AA18;margin-right:5px;}
.box .content > ul li a:before, .box .stat > ul li:before{font-family:FontAwesome;font-size:11px;content:"\f104";float:right;margin:5px 0px 0px 5px;}
.box .stat ul li{padding:2px 0px;font-size:13px;text-shadow:0px 1px 2px #000;}
.box .stat > ul li:before{content:"\f100";font-size:11px;cursor:default;margin:5px 0px 0px 5px;}
.box .stat ul li span{background:#1F262C;border-radius:3px;padding:0px 5px;transition:all 0.3s ease-out 0s;cursor:default;float:left;color:#999;}
.box .stat ul li:hover span{background:#E7AA18;color:#fff;}
.text-ads{margin:10px 0px;text-align:center;}
.text-ads a{display:inline-block;padding:4px 0px;border-radius:2px;font:13px Yekan,tahoma;margin-bottom:4px;width:48%;background:#1F262C;color:#aaa;}
.text-ads a:hover{background:#272f37;}
.buy{float:right;margin-bottom:10px;border-radius:5px;background:none repeat scroll 0% 0% #1F262C;font-family:Yekan,tahoma;width:100%;height:300px;}
.buy img{width:300px;height:300px;float:right;border-radius:0px 5px 0px 0px;}
.buy .back{border-bottom:1px solid #1A2127;height:59px;margin:5px;}
.buy .title a{font-size:17px;margin:0px 10px;color:rgba(141, 154, 168, 1);}
.buy .title a:hover{color:rgba(141, 154, 168, 0.7);}
.buy .price{text-indent:9px;color:#aaa;font:11px tahoma;}
.buy .icon{float:left;margin:-46px 5px;}
.buy .icon span{font-size:50px}
.buy .txt{height:186px;overflow:auto;text-align:justify;font:11px/26px tahoma;margin-left:10px;}
.buy .order a{padding:1px 3px;text-align:center;margin:7px;color:#F2F2F2;font-size:15px;float:left;border-radius:2px;background:none repeat scroll 0% 0% rgba(22, 28, 33, 1);}
.buy .order a:hover{background:#BD2132;color:#f2f2f2}
.post{float:right;width:100%;height:450px;overflow:hidden;}
.post .bg{height:450px;width:100%;overflow:hidden;position:absolute;right:0px;z-index:-9;opacity:0.7;}
.post .bg img{width:100%;height:auto;}
.post .pat{width:100%;height:450px;background:url('images/pattern.png') repeat scroll 0% 0% transparent;position:absolute;z-index:-1;right:0px;}
.post .cover{float:right;margin:20px 0px 20px 20px;direction:ltr;}
.post .cover:before{content:"\f002";font-family:FontAwesome;position:absolute;font-size:50px;margin:170px;opacity:0;transition:all 0.3s ease-out 0s;color:#f2f2f2;}
.post .cover:hover:before{opacity:0.9;}
.post .coverv{float:right;margin:20px 0px 20px 20px;direction:ltr;border-radius:5px;border:5px solid #E1E1E1;}
.post .cover img{border-radius:5px;border:5px solid #E1E1E1;}
.post h2{font-size:25px;margin:25px 0px 10px;}
.post h2:after{content:"";width:9px;height:9px;background:#E7AA18;float:right;margin:12px 0px 0px 10px;}
.post h2 i{font-size:13px;position:absolute;padding:3px 5px;border-radius:5px;margin:0px 5px;color:#020212;background:none repeat scroll 0% 0% #E7AA18;opacity:0.7;font-style:normal;transition:all 0.3s ease-out 0s;}
.post h2:hover i{opacity:1;}
.post h3{padding-right:5px;color:#8C8F92;margin-bottom:7px;}
.post h3:after{font-family:FontAwesome;font-size:11px;content:"\f104";float:right;margin:0px 0px 0px 5px;}
.post .like{margin-left:0px;margin-top:7px;}
.post .desc{height:80px;overflow:hidden;float:right;width:100%;margin:3px 0px;line-height:20px;}
.post .desc img{display:none}
.post .desc h2{font-size:11px;margin:0px}
.post .desc h2:after{background:none;margin:0px}
.post .desc h2 a{color:#ccc}
.post .left{float:left;width:64%;}
.socials{margin:10px 0px;float:right;width:100%;color:#8C8F92;}
.socials span{font:15px Yekan,tahoma;}
.socials span:before{content:"\f045";font:15px FontAwesome;float:right;margin:5px;margin-right:0px;}
.socials a{padding:2px 7px;font:13px Yekan,tahoma;border-radius:2px;transition:all 0.2s ease 0s;color:#8C8F92;float:left;margin-right:4px;opacity:0.6;background:#282526;}
.socials a:hover{color:#F2F2F2;opacity:0.9;}
.socials .red:hover{background:#e74c3c}
.socials .blue:hover{background:#3498db}
.socials .blue2:hover{background:#48A3A6}
.socials .green:hover{background:#29b765}
.socials .yellow:hover{background:#f1c40f}
.socials .violet:hover{background:#9b59b6}
.socials .turquoise:hover{background:#1abc9c}
.socials .orange:hover{background:#e67e22}
.tagha{float:right;width:100%;}
.tagha p{color:#8C8F92;text-align:justify;overflow:hidden;font:15px/24px Yekan;height:80px;}
.tagha a{font-size:13px;padding:2px 3px;color:rgba(140, 143, 149, 0.7);}
.tagha a:hover{color:#E7AA18;}
.postinfo{float:right;width:50%;}
.postinfo li{text-align:justify;padding:3px 0px;font:15px Yekan,tahoma;color:#8C8F92;}
.postinfo span{float:right;margin:5px 0px 0px 7px;}
.postinfo a{color:#8C8F92;}
.postinfo a:hover{color:#E7AA18;}
.post .download{text-align:left;position:relative;width:48%;float:left;}
.post .download3{width:45%}
.post .download a, .codeahang{display:inline-block;background:none repeat scroll 0% 0% #BD2132;color:#ebc5c9;padding:5px;font:15px Yekan,tahoma;border-radius:3px;cursor:pointer;margin-bottom:10px;transition:all 0.3s ease-out 0s;}
.post .download a:hover,.codeahang:hover{background:#a31c2b;}
.post .download a:before{font-family:FontAwesome;font-size:14px;float:right;margin:6px 0px 0px 6px;content:"\f019";}
.download2{background:#0E5B47 !important;color:#A9E8D7 !important;}
.download2:hover{background:#0c4a39 !important;}
.codeahang:before{font-family:FontAwesome;font-size:14px;float:right;margin:6px 0px 0px 6px;color:#fff;content:"\f121";}
.codeahang{letter-spacing:0.85px;}
.codeshow{width:45%;position:absolute;z-index:999;top:-1px;}
.codeshow textarea{overflow:hidden;color:#CCC;background:rgba(34, 33, 35,0.5);border:0px none;direction:ltr;font:10px arial,tahoma;width:100%;height:112px;resize:none;}
.post audio{float:right;width:100%;background:rgba(34, 33, 35,1);opacity:0.7;}
.news{float:right;width:100%;margin-bottom:10px;}
.news .title{float:right;width:100%;height:80px;position:relative;}
.news .title h2{position:absolute;right:9em;font:15px/43px Yekan,tahoma;}
.news .title h2:before{content:"\f104";font-family:FontAwesome;font-size:14px;float:right;margin:0px 0px 0px 5px;}
.news .title span{position:absolute;background:none repeat scroll 0% 0% #67841A;padding:2px 9px;border-radius:3px;font:14px Yekan,tahoma;right:135px;top:40px;}
.news .content{width:100%;float:right;background:#0B0F12;color:#ECECEC;border-radius:5px;}
.news .the_content{padding:10px;}
.news .the_content a{color:#889aac;}
.news .the_content img{display:none;}
.news .the_info{border-bottom:1px solid #152029;float:right;width:100%;padding:5px 0px;margin-bottom:5px;height:34px;overflow:hidden;}
.news .the_info2{height:auto}
.news .the_info ul{float:right;margin-right:12em;}
.news .the_info li{float:right;margin:5px;}
.news .the_info li a{color:#ccc}
.news .the_info li a:hover{color:#E7AA18}
.news .cover{position:absolute;margin:0px 13px;}
.news .cover img{border:4px solid #0B0F12;border-radius:4px;}
.news .like{margin:7px 10px;}
.news .iLikeThis .counter:before{color:#67841A;}
.news textarea{margin-top:10px;height:150px;background:none repeat scroll 0% 0% #20242F;border:0px none;font:11px tahoma;resize:none;}
.news input{margin:10px 0pc;background:none repeat scroll 0% 0% #20242F;border:0px none;color:#58617A;text-indent:29px;font:11px tahoma;padding:9px 0px;}
.news textarea:focus,.news input:focus{background:#1a1d27;}
.wpcf7-submit{background:none repeat scroll 0% 0% #0E5B47 !important;height:34px;border:0px none !important;border-radius:5px;margin:5px !important;color:#A9E8D7 !important;font:12px Yekan,tahoma !important;cursor:pointer;transition:all 0.3s ease-out 0s;text-indent:0px !important;padding:5px !important;}
.wpcf7-submit:hover{background:none repeat scroll 0% 0% #0D5340 !important;}
.soonews{float:right;width:100%;margin:10px 0px;text-align:center;}
.soonews .title,.boxs .title{font:15px/23px Yekan,tahoma;border-right:4px solid #E7AA18;padding:0px 10px;text-align:right;}
.boxs .title{margin:10px 0px;}
.soonews .title span,.boxs .title span{color:#E7AA18;font-style:normal;}
.arshive{float:left;color:#CCC;}
.news2{width:210px;height:250px;display:inline-block;margin:75px 5px 8px;background:none repeat scroll 0% 0% #222229;border:1px solid #0B0F12;border-radius:3px;box-shadow:2px 1px 2px rgba(0, 0, 0, 0.2);position:relative;font:11px arial,tahoma;color:#7F7F7F;}
.news2 .cover{width:90px;height:90px;position:absolute;top:-45px;overflow:hidden;background:none repeat scroll 0% 0% #000;transform:rotate(-45deg);left:29%;border-radius:3px;}
.news2 .cover img{transform:rotate(45deg);margin-top:-16px;margin-right:-62px;position:absolute;}
.news2 .cover:hover{opacity:0.8}
.news2 .type{position:absolute;top:8px;right:8px;border-radius:3px;background:none repeat scroll 0% 0% #E7AA18;padding:3px;}
.news2 h3{margin:80px 6px 20px;line-height:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news2 h3 a{color:#CCC;}
.news2 h3 a:hover{color:#E7AA18;}
.news2 hr{width:80%;border:medium none;height:1px;background:none repeat scroll 0% 0% #2F2F3B;box-shadow:0px 1px 0px #000;}
.news2 .excerpt{height:90px;margin:20px 10px;overflow:hidden;font:11px/2 tahoma;text-align:justify;color:#999;}
.boxs{text-align:center;float:right;width:100%;}
.posts{display:inline-block;text-align:center;margin:0px 2.5px 5px;}
.posts img{width:220px;height:220px;border-radius:3px;}
.posts .des{float:right;width:100%;margin-top:-18px;opacity:0;transition:all 0.3s ease-out 0s;}
.posts:hover .des{opacity:0.8;}
.posts .more{letter-spacing:4px;font:9px/20px arial,tahoma;color:#52606D;text-transform:uppercase;text-align:center;opacity:0.5;transition:all 0.3s ease-out 0s;}
.posts:hover .more{opacity:0}
.thumbnail{direction:ltr;}
.thumbnail .type,.post .type{position:absolute;margin:5px;font:11px tahoma;color:#FFF;}
.post .type{margin:10px;}
.post .cover:hover .t1, .post .cover:hover .t2, .post .cover:hover .t3{opacity:0.8;}
.thumbnail .t1,.post .t1{float:left;transition:all 400ms ease-in-out 0s;opacity:0.3;background:none repeat scroll 0% 0% #14191d;border-radius:2px;padding:1px 5px;margin-right:5px;}
.thumbnail .t2,.post .t2{float:left;transition:all 400ms ease-in-out 0s;border-radius:2px;padding:1px 5px;background:#BD2132;opacity:0.6;margin-right:5px;}
.thumbnail .t3,.post .t3{float:left;transition:all 400ms ease-in-out 0s;border-radius:2px;padding:1px 5px;background:#E8CA26;opacity:0.6;}
.thumbnail h2{position:absolute;transition:all 400ms ease-in-out 0s;opacity:0.3;width:210px;background:none repeat scroll 0% 0% #14191D;height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#FFF;padding:0px 5px;font:11px/23px tahoma;direction:rtl;margin-top:190px;}
.thumbnail:hover h2,.thumbnail:hover .t1,.thumbnail:hover .t2,.thumbnail:hover .t3{opacity:0.8;}
.like,.posts .comments{float:left;margin-left:2px;transition:all 0.3s ease-out;color:#A0A1A1}
.like:hover,.posts .comments:hover{opacity:0.7;}
.iLikeThis .counter,.posts .comments{cursor:pointer;padding:0px 4px;font:14px/14px Yekan,tahoma;}
.iLikeThis .counter{float:left}
.iLikeThis .counter:before{content:"\f004";font:15px FontAwesome;float:left;color:#BD2132;margin-top:1px;margin-right:5px;}
.posts .comments a{color:#A0A1A1}
.posts .comments span{color:#e8ca26;float:left;margin-right:5px;}
.posts .comments{padding-left:0px;}
.the_views{float:right;margin-right:2px;font:14px/15px Yekan,tahoma;color:#A0A1A1}
.the_views span{margin-left:5px;float:right;color:#A0A1A1}
.spbox{width:30%;border-left:1px solid #1A1F29;margin:15px 9px;display:inline-block;padding-left:6px;}
.spbox:last-child{border:0px;}
.spbox h5{font:14px/23px Yekan,tahoma;border-right:4px solid #AAB6C2;padding:0px 5px 0px 10px;text-align:right;margin-bottom:5px;color:#AAB6C2;}
.spbox h5 i{color:#E7AA18;font-style:normal;}
.spbox h5 a{float:left;background:#0b0c11;padding:0px 4px 1px;font:11px/2 tahoma;color:#aab6c2;border-radius:3px}
.spbox h5 a:hover{background:#E7AA18;color:#020212;}
.related_posts{float:right;width:100%;height:176px;text-align:center;overflow:hidden;}
.related_posts .bg{height:180px;width:100%;overflow:hidden;position:absolute;right:0px;z-index:-1;background:#111417;}
.related_posts h3{border-right:4px solid #BD2132;font-size:14px;padding:0px 7px;margin:10px 0px;text-align:right;}
.related_posts h3 span{color:#BD2132;}
.related{margin:5px;color:#c9d3dc;position:relative;display:inline-block;direction:ltr;text-shadow:0px 1px 2px #000;margin-top:0px;}
.related .cover img{border-radius:3px;border:2px solid #171b24;opacity:0.6;}
.related:hover img{opacity:1;}
.related .des{position:absolute;width:100%;text-align:center;margin-top:82px;z-index:999;transition:all 0.3s ease-out 0s;overflow:hidden;height:45px;}
.related p{margin:0px 5px;}
.related a{color:#ccc;}
.related:hover .des{opacity:0;}
.related .moz{transition:all 400ms ease-in-out 0s;border-radius:2px;padding:0px 5px;position:absolute;margin:5px;text-shadow:none;background:none repeat scroll 0% 0% rgba(189, 33, 50, 0.8);}
.related:hover .moz{opacity:0.9;}
.lyric{height:300px;background:none repeat scroll 0% 0% #191D20;position:relative;border-radius:5px;border:1px solid #242424;width:100%;float:right;margin:10px 0px 15px;overflow:auto;direction:ltr;text-align:center;}
.lyric .title{background:none repeat scroll 0% 0% #BD2132;border-radius:5px;color:#FFF;margin:25px 0px -20px;font:13px/2 Yekan,tahoma;display:inline-block;padding:0px 5px;}
.lyric .cont{color:#CCC;margin:-30px 5px 5px;white-space:pre;}
.specials{float:right;width:28%;margin:5px;color:#AAB6C2;text-shadow:0px 1px 2px #000;height:105px;position:relative;}
.specials .cover img{border-radius:50px;border:2px solid #171b24;opacity:0.5;}
.specials:hover img{opacity:1;}
.specials .des{position:absolute;width:100%;text-align:center;margin-top:31px;z-index:999;transition:all 0.3s ease-out 0s;}
.specials a{color:#ccc;}
.specials:hover .des{opacity:0;}
.footer{margin-top:10px;background:none repeat scroll 0% 0% #11141B;float:right;width:100%;border-top:4px solid #0c0e13;}
.tags{height:37px;float:right;width:100%;background:none repeat scroll 0% 0% #0e1016;}
.tags .icontag{float:right;font:16px/27px Yekan,tahoma;padding:5px 10px;background:none repeat scroll 0% 0% #090b0f;}
.tags .icontag span{float:right;margin:5px 0px 0px 5px;}
.tags .content{height:38px;margin-right:10px;float:right;width:80%;font:13px/3 Yekan,tahoma;text-align:right;margin-top:-2px;overflow:hidden;}
.tags .content a{margin:0px 2px;padding:3px;border-radius:3px;background:none repeat scroll 0% 0% #151921;color:#aaa;}
.tags .content a:hover{opacity:0.6;}
.copyright{float:right;width:100%;font:13px Yekan,tahoma;color:#4B555F;padding:15px 0px;background:none repeat scroll 0% 0% #090B0F;text-shadow:0px 1px 2px #000;}
.copyright a{color:#4B555F;}
.copyright a:hover{color:#E7AA18;}
.links{margin-top:5px;}
.links li{display:inline-block;margin:0px 10px;}
.famo{width:149px;height:31px;background:url('images/famo.png') no-repeat scroll 0% 0% transparent;transition:all 0.3s ease-out 0s;text-indent:100%;overflow:hidden;white-space:nowrap;position:absolute;margin-top:-38px;left:6%;opacity:0.3;}
.famo:hover{opacity:0.8}
.comment{margin:10px 0px;}
.comment h3{border-right:4px solid #E7AA18;font-size:15px;padding:1px 8px;float:right;}
.comment h3 span{color:#E7AA18;}
#respond{margin:10px 0px;background:none repeat scroll 0% 0% #11141B;border-radius:5px;float:right;width:100%;border:1px solid #23262F;box-shadow:0px 1px 3px #0B0C10;overflow-y:hidden;}
#respond .user_identity{float:right;width:44%;font:14px/2 Yekan,tahoma;margin:10px;}
#author, #email, #url{float:right;width:50%;margin:10px 10px 0px;background:none repeat scroll 0% 0% #20242F;border:0px none;color:#58617A;text-indent:29px;font:11px tahoma;padding:9px 0px;}
#author{background:url('images/comment.png') no-repeat scroll right -3px #20242F;}
#email{background:url('images/comment.png') no-repeat scroll right #20242F;}
#url{background:url('images/comment.png') no-repeat scroll right -74px #20242F;}
#author:focus{background:url('images/comment.png') no-repeat scroll right -3px #1a1d27;}
#email:focus{background:url('images/comment.png') no-repeat scroll right #1a1d27;}
#url:focus{background:url('images/comment.png') no-repeat scroll right -74px #1a1d27;}
.text-box{width:45.5%;margin-top:10px;height:150px;background:none repeat scroll 0% 0% #20242F;border:0px none;font:11px tahoma;resize:none;}
.text-box:focus{background:#1a1d27;}
.comment-body{background:none repeat scroll 0% 0% #11141B;margin:7px 0px;border-radius:5px;float:right;width:100%;color:#CFD7E9;padding:12px 0px 11px;border:1px solid #23262F;box-shadow:0px 1px 3px #0B0C10;font:11px tahoma;}
.comment-body a:hover{color:#283949}
.avatar{float:right;border-radius:50%;border:3px solid #1D2537;margin:5px 5px 5px 10px;}
.commentmetadata{border-bottom:1px solid #1C222F;padding:10px;margin:0px 20px;box-shadow:1px 1px 1px #0B0D12;}
.comment-body p{padding:10px 0px;font-family:tahoma;text-align:justify;}
.author a, .author{color:#BD2132;}
.author:after{content:"admin";font:13px/20px Yekan,tahoma;padding:0px 10px;background:none repeat scroll 0% 0% #BD2132;border-radius:5px;color:#F2F2F2;margin-right:5px;}
.submit_box{background:none repeat scroll 0% 0% #0E5B47;height:34px;border:0px none;border-radius:5px;margin:-36px 11px 8px 0px;color:#A9E8D7;font:12px Yekan,tahoma;cursor:pointer;transition:all 0.3s ease-out 0s;float:right;}
.submit_box:hover{background:#0D5340;}
.wp-pagenavi{font:10px arial,tahoma;float:right;width:100%;}
.wp-pagenavi .pages{float:right;border-radius:3px;font:11px tahoma;}
.wp-pagenavi a, .wp-pagenavi span{float:left;padding:11px 18px;background:none repeat scroll 0% 0% #292E34;color:#CCC;text-align:center;border-left:1px solid #23282E;border-top:1px solid #23282E;border-bottom:1px solid #23282E;direction:rtl;}
.wp-pagenavi a:hover{background:none repeat scroll 0% 0% #BD2132;color:#f2f2f2;border-color:#BD2132}
.wp-pagenavi span.current{float:left;border-color:#1c1f24;background:#1c1f24;border-radius:3px 0px 0px 3px;}
.wp-pagenavi a:last-child{border-radius:0px 3px 3px 0px;}
.albume-online{float:right;width:100%;}
.albume-online .bg{height:42px;width:100%;overflow:hidden;position:absolute;right:0px;z-index:-1;background:#0e1113;}
.albume-online #musicbox{padding:0px;float:right;width:100%;}
.albume-online audio{width:89%;}
.albume-online #musicbox #plUL{list-style:none outside none;padding:-0px;}
.albume-online #musicbox #btnNext{border:medium none;width:5%;height:28px;float:left;font-size:20px;color:#ccc;background:#1e1c1e;}
.albume-online #musicbox #btnPrev{border:medium none;width:5%;height:28px;float:right;font-size:20px;color:#ccc;background:#1e1c1e;}
.albume-online #musboxr{float:right;width:100%;}
#musicbox{padding:5px;float:right;width:98%;}
#musicbox img{height:200px;width:242px;margin-top:5px;border:3px solid #F0F0F0;}
#musboxr{float:right;width:53%;font:13px Yekan,tahoma;}
div#plwrap{padding-top:20px;font-size:1em;}
#plUL{list-style:none outside none;margin-top:-19px;padding:0px 0px 0px;}
#plUL li{cursor:pointer;text-align:right;color:#ccc;line-height:30px;background:none repeat scroll 0% 0% #202229;padding:0px;float:right;width:50%;}
#plUL li a{color:#ccc;}
#plUL li a:hover{color:#fff !important;}
#plUL li:nth-child(4n+1){background:#252830;}
#plUL li:nth-child(4n+2){background:#252830;}
.plSel{color:#E7AA18 !important;background:#31353f !important}
.plSel a{color:#E7AA18 !important;}
.plHead, .plItem{position:relative;}
.plHeadNum, .plLength{text-align:center}
.plHeadNum, .plNum{width:5%;display:inline-block;border-left:1px solid #141C2D;text-align:center;border-right:1px solid #141C2D;}
.plHeadTitle, .plTitle{width:40%;display:inline-block;text-align:center}
.pldl{width:26%;text-align:center;float:left;border-right:1px solid #141C2D;}
#musboxl{float:right;width:100%;}
#audiowrap{text-align:center;}
#audiowrap #audio0{text-align:center;max-width:300px;margin:0px auto;}
div#extraControls2{width:100%;float:right;margin-top:7px;}
#musicboxpic{margin-top:2px;}
#npTitle{font:13px Yekan,tahoma;color:#34495e;margin-top:-6px;background:#f2f2f2;padding:0px 0px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
span.wpcf7-not-valid-tip{position:absolute;top:20%;left:20%;z-index:100;font-size:10pt;background:rgba(191, 33, 50, 0.4);width:100%;padding:3px 10px;color:rgba(197, 197, 197, 0.7);border-radius:2px;text-align:center;}
span.wpcf7-not-valid-tip-no-ajax{direction:rtl;}
span.wpcf7-list-item{margin-left:0;margin-right:0.5em;}
div.wpcf7{margin:0;padding:0;font:12px Yekan, tahoma;}
div.wpcf7-response-output{margin:1em 0.5em;padding:0.2em 1em;color:#ccc;}
div.wpcf7-mail-sent-ok{border:#1191d3 solid 1px;}
div.wpcf7-mail-sent-ng{border:#e94f2e solid 1px;}
div.wpcf7-spam-blocked{border:#ffa500 solid 1px;}
div.wpcf7-validation-errors{border:1px solid #E94F2E;}
span.wpcf7-form-control-wrap{position:relative;}
span.wpcf7-not-valid-tip{position:absolute;top:20%;left:20%;z-index:100;background:#fff;border:#e94f2e solid 1px;font-size:10pt;width:280px;padding:2px;}
span.wpcf7-not-valid-tip-no-ajax{color:#f00;font-size:10pt;display:block;}
span.wpcf7-list-item{margin-left:0.5em;}
.wpcf7-display-none{display:none;}
div.wpcf7 img.ajax-loader{border:none;vertical-align:middle;margin-left:4px;}
div.wpcf7 .watermark{color:#888;}
.navicon,.navicon2{display:none}
@media screen and (max-width:1360px){.feauplayer .seekbar{width:540px;}
.post .left{width:60%;}
}
@media screen and (max-width:1280px){.sp2 .desc{width:60%;}
.codeshow{width:38%;}
}
@media screen and (max-width:1200px){.feauplayer .seekbar{width:390px;}
.specials{width:30%;}
.sp2 .desc{width:55%;}
.tabs{font-size:12px;letter-spacing:-0.5px;}
.tabs a{width:32%;}
.specials .cover img{width:90%;height:90%;}
.specials{width:29%;height:90%;}
.specials .des{margin-top:16px;}
.post .download{width:60%;}
.codeshow{width:36%;}
.post .left{width:53%;}
.postinfo{width:40%;}
.socials{height:25px;overflow:hidden;}
}
@media screen and (max-width:1024px){.sidebar,.boxs-warpper,.postinfo,.post .download{width:100%;}
.feauplayer .seekbar{width:320px;}
.boxs-warpper{margin-bottom:10px;}
.latest,.spbox,.box,.feauplayer .like,.codeahang{display:none}
.footer{margin:0px}
.postinfo{height:39px;overflow:hidden;}
.postinfo li{font:14px Yekan,tahoma;float:right;margin-left:5px;}
.post .download{text-align:center;margin:0px !important;}
.post .left{width:47%;}
.post .download a{font:13px Yekan,tahoma;}
}
@media screen and (max-width:900px){.feauplayer .seekbar{width:230px;}
.copyright{text-align:right;}
.post .left{width:41%;}
}
@media screen and (max-width:800px){.famo,.post .desc,.socials,.tagha,.postinfo{display:none}
.top, .warpper{width:95%;}
.search_box{height:150px;}
.search_box input, .search_box input:focus, .search_box input:hover{height:40px;box-shadow:0px -2px 0px 0px #E2E2E2 inset;font:12px Yekan,tahoma;width:50%;}
.search_box button{width:15%;height:47px;font-size:17px;box-shadow:0px -2px 0px 0px #AA1D2D inset;padding:0px;}
.search_box form{margin-top:51px !important;}
.navicon2{cursor:pointer;display:block;text-align:left;padding:8px 10px 10px;background:#101012;}
.navicon2 span:before{transform:rotate(-45deg);font-size:10px;margin-top:9px;color:#ccc;}
.navicon2 span:hover{color:#E8CA26;}
.navicon2 b{float:right;font-weight:normal;color:#E8CA26;}
.navicon2 b:hover{color:#ccc;}
.navicon2 b:before{content:"\f001";font:10px FontAwesome;cursor:default;margin-left:5px}
.navicon{display:block;float:right;font-size:21px;cursor:pointer;height:43px;transition:all 0.3s ease-out 0s;}
.navicon span{float:right;margin:11.5px 0px;}
.navicon:hover{color:#E8CA26;}
.nav ul{position:fixed;float:none;height:100%;right:0px;background:none repeat scroll 0% 0% #18181B;margin:0px -115px 0px 0px;width:115px;z-index:1;}
.nav ul li{float:none;border-bottom:1px solid #101012;}
.nav ul li:last-child{float:none;border:0px;}
.nav ul li a{display:block;border:medium none;font-size:12px;padding:5px 10px;float:none;margin:0px;border-radius:0px;text-align:right;}
.nav ul li a:before{font-family:FontAwesome;font-size:10px;content:"\f104";float:right;margin:5px 0px 0px 5px;}
.feauplayer .download{padding:10px;}
.feauplayer .seekbar{width:140px;}
.feauplayer .info{width:60%;}
#author, #email, #url,.text-box{margin:10px 10px 0px;width:95%;}
.text-box{padding:9px 0px;text-indent:10px;}
.submit_box{margin:10px 10px 10px 0px;}
.post{text-align:center;height:auto;}
.post .pat,.post .bg{height:695px}
.post .left,#plUL li{width:100%;}
.post h2,.post h3,.socials{text-align:right;}
.post .coverv,.post .cover{float:none;margin:15px 0px 0px;display:inline-block;}
.post .download{padding-top:10px;}
.post .download a{display:inline-block;width:50%;letter-spacing:0px !important;margin:5px 0px !important}
.post h2{margin:15px 0px 10px;}
.post .download a:before{display:inline-block;margin:0px 0px 0px 6px;float:none}
.post audio{margin:10px 0px}
.plHeadTitle, .plTitle{width:35%;}
.pldl{width:25%;}
#plUL li:nth-child(4n+2),#plUL li:nth-child(4n+1){background:none}
#plUL li:nth-child(2n){background:#252830}
}
@media screen and (max-width:640px){.newsletter,.buy,.tags,.feauplayer .download,.search_box,.links{display:none;}
.toptxt{width:80%;}
.feauplayer .info{width:40%;}
.feauplayer .seekbar{width:235px;}
.copyright{text-align:center;}
.albume-online audio{width:84%;}
.albume-online #musicbox #btnPrev,.albume-online #musicbox #btnNext{width:7%;}
}
@media screen and (max-width:480px){.banners img{width:95%;margin:6px 0px;height:auto;}
a.rss,.feauplayer .Listen,.feauplayer .volume,.feauplayer .time, .feauplayer .timer{display:none;}
.feauplayer .cover{margin:5px;}
.social a{width:34px;}
.toptxt{width:70%;}
.feauplayer .seekbar{width:175px;}
.news .title h2{right:11em;font:12px/39px Yekan,tahoma;height:80px;overflow:hidden;}
.related_posts{display:none}
.pldl{display:none;}
.plHeadTitle, .plTitle{width:90%;}
.post .coverv, .post .cover{width:95%;}
.post .cover img{width:95%;height:auto;}
.post .cover video{width:99%;height:auto;}
.post .download a{width:60%;}
}
@media screen and (max-width:320px){.feauplayer .seekbar{width:104px;}
.news .title span{display:none}
#author, #email, #url,.text-box{width:90%;}
.post .download a{width:80%;}
}

[شهاب 283]

شما آدرس سایتتون رو اینجا قرار بدید بهتره!

ویرایش شده شهریور 94 توسط شهاب

[Hasan Mahdavi 0]

ادرس : http://bi-music.com

[شهاب 283]

ادرس : http://bi-music.com

لطفا منظورتون رو از اسکرول بار واضح تر توضیح بدید. ( اینجا که ظاهرا مشکلی نیست )

یه تصویر از بخش مورد نظر ارسال کنید اطفا

[Hasan Mahdavi 0]

من هنوز فعال نکردم و شما قالب قبلی رو ملاحضه کردید که رو سایته

این دمو از قالبه لطفا ببینیدش:

http://nex2.yar73.ir/

اسکرول بار که سمت راست صفحه هست و باهاش صفحه رو بالا پایین میکنیم رو منظورمه، میخوام اون به حالت عادی برگرده و سیاه نباشه

میتونید اوکی کنید ؟ ممنون میشم

[graphicno 77]

برای ظاهر از nicescroll استفاده شده در فایل های js قالب فایل nicescroll رو حذف کنید تا به حالت عادی برگردد

[Hasan Mahdavi 0]

ممنون اقا درست شد

فقط یه سوال چرا سرعت لود سایت انقدر پایینه ؟ راهی هست بشه درستش کرد ؟

به عنوان نمونه این صفحه رو ببینید:

http://bi-music.com/%D8%AF%D8%A7%D9%86%D9%84%D9%88%D8%AF-%D8%A2%D9%84%D8%A8%D9%88%D9%85-%D8%AC%D8%AF%DB%8C%D8%AF-%D8%B4%D8%A7%DB%8C%D8%B9-%D8%A8%D9%87-%D9%86%D8%A7%D9%85-%D8%AF%D9%88-%D8%A8%D9%87-%D8%B4%DA%A9/