اسلایدر سایت گرین اسکین

[samijoon]

سلام.من اسلایدر شما رو میخوام البته کدش رو دارم خودم، مونده اجازش.
اجازه کپی اسلایدر شما رو دارم یا خیر؟

[admin]

سلام.من اسلایدر شما رو میخوام البته کدش رو دارم خودم، مونده اجازش.
اجازه کپی اسلایدر شما رو دارم یا خیر؟

اگر دوست دارید میتونید استفاده کنید .

[samijoon]

ممنون.ولی یه مشکلی توی استفاده ازش دارم اونم اینه که چطوری طولش رو تبدیل کنم به 510px
میشه راهنمایی کنید یا اینکه کد ویرایش شده ش رو در اختیارم بذارید . ممنون میشم.منتظرم.

اینم کدتون:

کد: انتخاب همه

<base href="https://www.greenskin.ir/">

<!-- slideshow -->


<link rel="stylesheet" href="themes/GreenSkin91/_Slide_/css/global.css">

<script src="themes/GreenSkin91/_Slide_/js/jquery.min.js"></script>

<script src="themes/GreenSkin91/_Slide_/js/slides.min.jquery.js"></script>
<script>
$(function(){
$('#slides').slides({
preload: true,
preloadImage: 'themes/GreenSkin91/_Slide_/img/loading.gif',
play: 5000,
pause: 2500,
hoverPause: true,
animationStart: function(current){
$('.caption').animate({
bottom:-35
},100);
if (window.console && console.log) {
// example return of current slide number
console.log('animationStart on slide: ', current);
};
},
animationComplete: function(current){
$('.caption').animate({
bottom:0
},200);
if (window.console && console.log) {
// example return of current slide number
console.log('animationComplete on slide: ', current);
};
},
slidesLoaded: function() {
$('.caption').animate({
bottom:0
},200);
}
});
});
</script>

<div id="container" dir="ltr">
<div id="example">
<div id="slides">
<div class="slides_container">

<!-- شروع اسلاید -->
<div class="slide">
<a href="https://www.greenskin.ir/Products/" target="_blank">
<img src="themes/GreenSkin91/_Slide_/img/1.jpg" >
</a>
<div class="caption">
<p>فروشگاه قالب سبز</p>
</div>
</div>
<!-- پایان اسلاید -->

<!-- شروع اسلاید -->
<div class="slide">
<a href="https://www.greenskin.ir/statics/5/" target="_blank">
<img src="themes/GreenSkin91/_Slide_/img/2.jpg" >
</a>
<div class="caption">
<p>خدمات هاستينگ قالب سبز</p>
</div>
</div>
<!-- پایان اسلاید -->

<!-- شروع اسلاید -->
<div class="slide">
<a href="https://www.greenskin.ir/statics/4/" target="_blank">
<img src="themes/GreenSkin91/_Slide_/img/3.jpg" >
</a>
<div class="caption">
<p>طراحي قالب وبلاگ و وبسايت (نيوك)</p>
</div>
</div>
<!-- پایان اسلاید -->

</div>
<a href="themes/GreenSkin91/_Slide_/#" class="prev">
<img src="themes/GreenSkin91/_Slide_/img/arrow-prev.png" alt="Arrow Prev">
</a>
<a href="themes/GreenSkin91/_Slide_/#" class="next">
<img src="themes/GreenSkin91/_Slide_/img/arrow-next.png" alt="Arrow Next">
</a>
</div>
<img src="themes/GreenSkin91/_Slide_/img/slideshow-bg.png"id="frame">
</div>
</div>

[admin]

ممنون.ولی یه مشکلی توی استفاده ازش دارم اونم اینه که چطوری طولش رو تبدیل کنم به 510px
میشه راهنمایی کنید یا اینکه کد ویرایش شده ش رو در اختیارم بذارید . ممنون میشم.منتظرم.

اینم کدتون:

کد: انتخاب همه

<base href="https://www.greenskin.ir/">

<!-- slideshow -->


<link rel="stylesheet" href="themes/GreenSkin91/_Slide_/css/global.css">

<script src="themes/GreenSkin91/_Slide_/js/jquery.min.js"></script>

<script src="themes/GreenSkin91/_Slide_/js/slides.min.jquery.js"></script>
<script>
$(function(){
$('#slides').slides({
preload: true,
preloadImage: 'themes/GreenSkin91/_Slide_/img/loading.gif',
play: 5000,
pause: 2500,
hoverPause: true,
animationStart: function(current){
$('.caption').animate({
bottom:-35
},100);
if (window.console && console.log) {
// example return of current slide number
console.log('animationStart on slide: ', current);
};
},
animationComplete: function(current){
$('.caption').animate({
bottom:0
},200);
if (window.console && console.log) {
// example return of current slide number
console.log('animationComplete on slide: ', current);
};
},
slidesLoaded: function() {
$('.caption').animate({
bottom:0
},200);
}
});
});
</script>

<div id="container" dir="ltr">
<div id="example">
<div id="slides">
<div class="slides_container">

<!-- شروع اسلاید -->
<div class="slide">
<a href="https://www.greenskin.ir/Products/" target="_blank">
<img src="themes/GreenSkin91/_Slide_/img/1.jpg" >
</a>
<div class="caption">
<p>فروشگاه قالب سبز</p>
</div>
</div>
<!-- پایان اسلاید -->

<!-- شروع اسلاید -->
<div class="slide">
<a href="https://www.greenskin.ir/statics/5/" target="_blank">
<img src="themes/GreenSkin91/_Slide_/img/2.jpg" >
</a>
<div class="caption">
<p>خدمات هاستينگ قالب سبز</p>
</div>
</div>
<!-- پایان اسلاید -->

<!-- شروع اسلاید -->
<div class="slide">
<a href="https://www.greenskin.ir/statics/4/" target="_blank">
<img src="themes/GreenSkin91/_Slide_/img/3.jpg" >
</a>
<div class="caption">
<p>طراحي قالب وبلاگ و وبسايت (نيوك)</p>
</div>
</div>
<!-- پایان اسلاید -->

</div>
<a href="themes/GreenSkin91/_Slide_/#" class="prev">
<img src="themes/GreenSkin91/_Slide_/img/arrow-prev.png" alt="Arrow Prev">
</a>
<a href="themes/GreenSkin91/_Slide_/#" class="next">
<img src="themes/GreenSkin91/_Slide_/img/arrow-next.png" alt="Arrow Next">
</a>
</div>
<img src="themes/GreenSkin91/_Slide_/img/slideshow-bg.png"id="frame">
</div>
</div>

تنظیمات اندازه داخل فایل CSS موجود است .

[samijoon]

ممنون. یه کاریش میکنم

[samijoon]

من چرا نمیتونم کد این css رو پیدا کنم؟
http://themes/GreenSkin91/_Slide_/css/global.css

[admin]

من چرا نمیتونم کد این css رو پیدا کنم؟
http://themes/GreenSkin91/_Slide_/css/global.css

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