رفتن به مطلب

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


پست های پیشنهاد شده

با سلام

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

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

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

لینک به ارسال

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

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


::-webkit-scrollbar {
}

::-webkit-scrollbar-track {
}

::-webkit-scrollbar-thumb {
}

ویرایش شده توسط graphicno
لینک به ارسال

پیدا نکردم

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

اینم فایل استایل 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%;}
}

لینک به ارسال

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

ویرایش شده توسط شهاب
لینک به ارسال

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

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

لینک به ارسال

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

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

http://nex2.yar73.ir/

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

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

لینک به ارسال

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

لینک به ارسال

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

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

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

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/

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...