عضو جدید
ارسالی 1394/08/13 ساعت 00:35
سلام دوستان من این اسلایدر رو دیدم و عاشقش شدم چون واقعا جالب و زیبا و کاربردی هستش . لینک پیش نمایشش رو میزارم ببینین :
http://go.20script.ir/index.php?url=http://www.cuteslider.com
اما هرکار میکنم نمیتونم رو وب سایتم پیاده سازیش کنم . تمام فایل های مربوطه رو آپلود کردم و همه رو هم توی main.tpl درست لینک و آدرس گذاری کردم ولی نمیدونم مشکل از کجاست .
اینم لینک دانلود فایل های اسلایدر :
http://ashali.tk/cute-slider.rar
خواهشا کمک کنید . ممنون
عضو سایت
ارسالی 1394/08/13 ساعت 01:25
سلام
اول به صورت تشریحی توضیح میدم چیکار کنید
متوجه نشدید بگید فایل آماده بدم
اسلایدری که شما میخواید توی پوشه ی "source" هست
پس فقط اونو تو قالب سایتتون آپلود کنید
البته قبل از آپلود پوشه فایل هیت اکسس حاوی دستور زیر رو توی تک تک پوشه ها (فک کنم یه 20 تا پوشه بود) کپی کنید
Order Deny,Allow Allow from all
آماده » کلیک
حالا از تو پوشه sourceیک فایل "test.html" پیدا میکنید
که کد های اسلایدر توشه
فایل رو با NotePad باز کنید و کد هاشو بردارید
فقط باید به کد ها یچیز دیگه اضافه کنید تا آدرس عکساش یا فایل CSS و JS رو درست پیدا کنه
قبل از هر آدرسی که از پوشه ها داده شده تگ زیر رو اضافه کنید »
{THEME}/source/
برای نمونه این کد شناسایی فایل main.css تو پوشه ی assets/style هست
<link rel="stylesheet" href="assets/style/main.css" type="text/css" media="screen" title="no title" charset="utf-8"/>
شما باید به حالت زیر تغییر بدید
<link rel="stylesheet" href="{THEME}/source/assets/style/main.css" type="text/css" media="screen" title="no title" charset="utf-8"/>
و بقیه کد ها ..
با این کار تست کردم کار کرد
اگر مشکلتون با همینا رفع شد دیه توضیح ندم
عضو جدید
ارسالی 1394/08/13 ساعت 02:49
از وقتی که گذاشتین واقعا ممنونم 
همه ی این کار هارو به غیر از اون فایل htaccess انجام داده بودم مو به مو که اونم که شما لطف کردین گفتین انجام دادم و اون تگ THEME و آدرس و فایل ها و همه چی بنظرم درسته ولی درست نشد که نشد 
شما امتحان کردین مشکلی نداشت ؟؟
اگه دسترسی بهتون بدم لطف میکنین یه نگاهی بندازین لطفا ؟؟؟
عضو سایت
ارسالی 1394/08/14 ساعت 01:00
سلام
فایل .htaccess رو که تو تک تک پوشه ها کپی کردید
پوشه source هم تو قالب سایت آپلود کردید
حالا main.tpl رو باز کنید
بین کد
<head>
تا
</head>
این کد هارو قرار بدید
<link rel="stylesheet" href="{THEME}/source/assets/style/main.css" type="text/css" media="screen" title="no title" charset="utf-8"/>
<link rel="stylesheet" href="{THEME}/source/assets/style/slider-style.css" type="text/css" media="screen" title="no title" charset="utf-8"/>
<script src="{THEME}/source/assets/modernizr.js" type="text/javascript" charset="utf-8"></script>
<script src="{THEME}/source/build/cute.slider.js" type="text/javascript" charset="utf-8"></script>
<script src="{THEME}/source/build/cute.transitions.all.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700'>
<script>
Cute.ModuleLoader.css3d_files = ['{THEME}/source/build/cute.css3d.module.js'];
Cute.ModuleLoader.canvas_files = ['{THEME}/source/build/cute.canvas.module.js'];
Cute.ModuleLoader.dom2d_files = ['{THEME}/source/build/cute.2d.module.js'];
</script>
<style>
/* -------------------------------------
* Slider Style
* ------------------------------------*/
.cute-slider{
position: relative;
margin-top:50px;
}
.wrapper{
width:100%;
margin:0 auto;
max-width:800px;
min-width:300px;
}
</style>
سپس این کد رو در محلی که برای قرار دادن اسلایدر در نظر گرفتید قرار بدید
<div id="wrapper" class="wrapper" >
<div id="slider" class="cute-slider" data-width="800" data-height="350" data-force="">
<ul data-type="slides">
<li data-delay="4" data-trans3d="tr2,tr20,tr57" data-trans2d="tr1,tr14,tr26">
<img src="{THEME}/source/images/1.png" data-thumb="{THEME}/source/images/thumbs/1.png"/>
<ul data-type="captions">
<li class="caption caption1" data-effect="fade">
3D & 2D effects
</li>
<li class="caption caption2" data-delay="300" data-effect="fade">
+100 PRESET TRANSITIONS
</li>
</ul>
</li>
<li data-delay="4" data-trans3d="tr4,tr21,tr62" data-trans2d="tr5,tr23,tr30">
<img src="{THEME}/source/assets/cute-theme/blank.jpg" data-src="{THEME}/source/images/2.png" data-thumb="{THEME}/source/images/thumbs/2.png"/>
<ul data-type="captions">
<li class="caption caption3" data-effect="fade">
cross browser
</li>
<li class="caption caption4" data-delay="300" data-effect="fade">
DEVICE FRIENDLY
</li>
</ul>
</li>
<li data-delay="5" data-trans3d="tr17,tr46,tr64" data-trans2d="tr7,tr32,tr40">
<img src="{THEME}/source/assets/cute-theme/blank.jpg" data-src="{THEME}/source/images/3.png" data-thumb="{THEME}/source/images/thumbs/3.png"/>
<div data-type="info" class="info1">
<div>
<h1 class="title">Tired of boring flat sliders?</h1>
<p class="text">
<a class="more-btn" href="?p=features" target="_blank">More features</a>
Looking for a unique slider? Here's what you want, with Cute Slider you will be able to show your slides with awesome 3D & 2D transitions.
</p>
</div>
</div>
</li>
<li data-delay="4" data-trans3d="tr8,tr19" data-trans2d="tr15,tr3,tr38">
<img src="{THEME}/source/assets/cute-theme/blank.jpg" data-src="{THEME}/source/images/4.png" data-thumb="{THEME}/source/images/thumbs/4.png"/>
<ul data-type="captions">
<li class="caption caption5" data-effect="fade">
3 fallback levels
</li>
<li class="caption caption6" data-delay="300" data-effect="fade">
fully customizable
</li>
</ul>
</li>
<li data-delay="6" data-trans3d="tr10,tr49,tr58" data-trans2d="tr2,tr16,tr27">
<img src="{THEME}/source/assets/cute-theme/blank.jpg" data-src="{THEME}/source/images/5.png" data-thumb="{THEME}/source/images/thumbs/5.png"/>
<div data-type="info" data-align="right" class="info2">
<span class="title">TRANSITION GALLERY</span>
<span class="subtitle">INCLUDED</span>
<span class="text">
Cute Slider comes with extremely rich transition gallery that provides the best way to browse through 100+ transitions.
</span>
<a class="more-btn" href="?p=features" target="_blank">More features</a>
</div>
</li>
<li data-delay="4" data-trans3d="tr11,tr61,tr46" data-trans2d="tr12,tr24,tr35">
<img src="{THEME}/source/assets/cute-theme/blank.jpg" data-src="{THEME}/source/images/6.png" data-thumb="{THEME}/source/images/thumbs/6.png"/>
<ul data-type="captions">
<li class="caption caption7" data-effect="fade">
search engine optimized
</li>
<li class="caption caption8" data-delay="300" data-effect="fade">
OPTION TO SET LINK TO EACH SLIDE
</li>
</ul>
</li>
<li data-delay="7" data-trans3d="tr25,tr48,tr23" data-trans2d="tr29,tr20,tr41">
<img src="{THEME}/source/assets/cute-theme/blank.jpg" data-src="{THEME}/source/images/7.png" data-thumb="{THEME}/source/images/thumbs/7.png"/>
<ul data-type="captions">
<li class="caption caption9" data-effect="fade">
YOUTUBE & VIMEO
</li>
<li class="caption caption10" data-delay="300" data-effect="fade">
videos are supported
</li>
</ul>
<a data-type="video" class="video" width="368" height="284" href="http://player.vimeo.com/video/8540978" > </a>
</li>
</ul>
<ul data-type="controls">
<li data-type="link"> </li>
<li data-type="slideinfo"> </li>
<li data-type="video"> </li>
<li data-type="circletimer"> </li>
<li data-type="next"> </li>
<li data-type="previous"> </li>
<li data-type="slidecontrol"> </li>
<li data-type="bartimer"> </li>
</ul>
<!--<div class="br-shadow"> </div>-->
</div>
</div>
<script>
var slider = new Cute.Slider();
slider.setup("slider" , "wrapper");
// slider.pause();
</script>
شما امتحان کردین مشکلی نداشت ؟؟
اگه دسترسی بهتون بدم لطف میکنین یه نگاهی بندازین لطفا ؟؟؟
بله امتحان کردم مشکل نداشت
و خیر من تو این سایت مدیر نیستم
بهتره از مدیریت سایت بخواید که مشکلی هم پیش نیاد
عضو جدید
ارسالی 1394/08/14 ساعت 01:45
عضو سایت
ارسالی 1394/08/14 ساعت 18:21
اون یکی مشکل رو دیگه واقعا نمیدونم 
من به کدنویسی اونم زبان JS اصن مسلط نیستم
ینی اصن بلد نیستم :|
10.5 هست دوست عزیز
این نسخه کلاً مشکل داره نمیدونم چرا نصب کردی
ورژن 10.1 رو دانلود کن
به این پوشه برو :
\engine\classes
محویات داخل پوشه js رو جایگزین اینی که الان تو هاستت هست کن
بیشتره مشکلات جی کوئری اینجوری حل شده
یه مشکل دیگه هم یه ماژول با این قسمت داشت کاربران آنلاین بود
اونم باید اینکارو کنی که
تو همین نسخه 10.1 برو پوشه ی
\engine\skins
فایل default.js رو آپلود کن تو همین قسمته هاستت
اگر نشد ایشالله شخص دیگری کمک میکنه
0 کاربر، 0 مهمان و 0 عضو مخفی
