دیتالایف انجین فارسی

اسلایدر مطالب نسخه 2

تاریخ انتشار: 30 خرداد 1391
ارسال کننده: IMP
اسلایدر مطالب نسخه 2 مانند نسخه قبلی خود، با ماژول قدرتمند بلاک پیشرفته هماهنگ شده است، در نتیجه شما میتوانید تغییرات بسیار زیادی را در نحوه نمایش مطالب در این اسلایدر اعمال کنید.

برخی از امکانات اسلایدر مطالب نسخه 2:
۱. قابلیت تنظیم سرعت تغییر اسلایدها.
۲. قابلیت تغییر مدت زمان نمایش هر اسلاید.
۳. اسلاید مطالب به صورت اتوماتیک.
۴. دکمه های کنترل اسلایدر برای نمایش اسلاید بعدی، قبلی، شروع اتوماتیک نمایش اسلاید ها و توقف اسلایدر.
۵. نمایش کلمه "توقف" به همراه افکت، هنگامی که بر روی دکمه توقف کلیک کنید.
۶. قابلیت نمایش اسلاید ها به دو صورت محو شونده و یا حرکت اسلایدها به سمت چپ.
۷. قابلیت تغییر نام دکمه های کنترل اسلایدر: "بعدی، قبلی، شروع، توقف"
۸. متوقف شدن اسلایدر هنگامی که موس را بر روی آن قرار دهید.
۹. سایز کم و سبک بودن فایلهای اسلایدر.
  • دانلود
  • آموزش نصب
  • سوالات متداول
نام فایلحجم فایلتعداد دانلودعملیات
جهت دانلود این فایل، وارد سایت شوید. در صورتی که حساب کاربری ندارید، از طریق صفحه ثبت نام عضو شوید.
۱. ابتدا فایل دانلود شده را از حالت فشرده خارج ساخته، سپس بر روی هات خود آپلود کنید. توجه داشته باشید که نام فولدر THEME را تغییر دهید و نام قالب خود را قرار دهید.
۲. فایل main.tpl قالب خود را باز کرده و کد زیر را پیدا کنید:
</head>

قبل از کد بالا، کد زیر را قرار بدهید:
<script type="text/javascript" src="{THEME}/js/jquery.jshowoff.min.js"></script>
<script type="text/javascript">        
$(document).ready(function(){
$('#features').jshowoff({
  speed:3500,
  changeSpeed:400,
  links: false,
  animatePause: true,
  controls: true,
  effect: 'slideLeft',
  controlText:{play:'شروع',pause:'توقف',previous:'قبلی',next:'بعدی'},
  hoverPause: true
});                 
});
</script>

۳. فایل style.css قالب خود را باز کرده و کد های زیر را در آن قرار دهید:
.slider2_text {text-align:right; padding:2px 5px;}
.slider2_img img {padding:3px; border:1px solid #ddd; background:#fff; margin-top:5px;}
.slider2_date {color:#aaa;}
#features {background: #efefef;position: relative;overflow: hidden;width: 300px;height: 240px;list-style:none;line-height:13px;font:11px tahoma;color:#555;}
.jshowoff {width: 300px;margin: 10px 0;}
.jshowoff div {width: 290px;}
.jshowoff div, #features, .jshowoff {-webkit-border-top-left-radius: 6px;-webkit-border-top-right-radius: 6px;}
.jshowoff-slidelinks a, .jshowoff-controls a {display: block;background-color: #bbb;color: #fff;padding: 3px 7px 5px;margin: 5px 0 0 5px;float: left;text-decoration: none;-moz-border-radius: 4px;-webkit-border-radius: 4px;outline: none;line-height: 13px;font:11px tahoma;}
.jshowoff-slidelinks a:hover, .jshowoff-controls a:hover {color: #999;background:#fff;}
p.jshowoff-controls {background: #ddd;overflow: auto;height: 1%;padding: 0 0 5px 3px;margin: 0;-moz-border-radius-bottomleft: 6px;-moz-border-radius-bottomright: 6px;-webkit-border-bottom-left-radius: 6px;-webkit-border-bottom-right-radius: 6px;}
.jshowoff-pausetext {color: #ff9900;}

۴. کدهای زیر را در فایل main.tpl قرار دهید تا اسلایدر شما به نمایش در بیاید:
<div id="features">
{include file="engine/modules/block.pro.2.php?&block_id=46&template=blockpro&img_size=282x150&news_num=5&last=yes"}
</div>



نکته:
این اسلایدر به صورت دیفالت، جدیدترین مطالب را نمایش میدهد. قسمت سوالات متداول را برای انجام تنظیمات مطالعه کنید.
تنظیمات مربوط به قسمت مطالب و نوع مطالبی که اسلایدر نمایش میدهد:

برای نمایش برترین مطالب، از کد زیر استفاده کنید:
{include file="engine/modules/block.pro.2.php?&block_id=46&template=blockpro&img_size=282x150&news_num=5&top_views=yes"}


برای نمایش مطالب به صورت تصادفی از کد زیر استفاده کنید:
{include file="engine/modules/block.pro.2.php?&block_id=46&template=blockpro&img_size=282x150&news_num=5&random=yes"}


برای نمایش مطالب با بیشترین نظرات از کد زیر استفاده کنید:
{include file="engine/modules/block.pro.2.php?&block_id=46&template=blockpro&img_size=282x150&news_num=5&top_comm=yes"}


برای نمایش مطالب با بیشترین امتیاز از کد زیر استفاده کنید:
{include file="engine/modules/block.pro.2.php?&block_id=46&template=blockpro&img_size=282x150&news_num=5&top_rating=yes"}


برای نمایش مطالب یک بخش و یا چند بخش بخصوص از تگ زیر استفاده کنید:
&show_cat=1

نمونه:
{include file="engine/modules/block.pro.2.php?&block_id=46&template=blockpro&img_size=282x150&news_num=5&top_rating=yes&show_cat=1"}


اگر مایل هستید بعضی از پستها در اسلایدر به نمایش گذاشته شوند، از تگ زیر استفاده کنید:
&post_id=1,2,3

نمونه:
{include file="engine/modules/block.pro.2.php?&block_id=46&template=blockpro&img_size=282x150&news_num=5&last=yes&post_id=1,2,3"}


برای غیر فایل کردن کش از تگ زیر استفاده کنید:
nocache=y

نمونه:
{include file="engine/modules/block.pro.2.php?&block_id=46&template=blockpro&img_size=282x150&news_num=5&last=yes&nocache=y"}


تنظیمات مربوط به اسلایدر و کنترل اسلایدر:

۱. چگونه میتوانیم مدت زمان نمایش اسلایدر را تغییر دهیم؟
با ویرایش کد زیر:
speed:3500,

۲. چگونه میتوانیم سرعت تغییر اسلاید ها را تغییر دهیم؟
با ویرایش کد زیر:
changeSpeed:400,

۳. چگونه میتوانیم کمله "توقف" را هنگام کلیک کردن بر روی دکمه توقف نمایش دهیم و یا بلعکس؟
با ویرایش کد زیر:
animatePause: true,

به جای true باید false قرار دهید.

چگونه میتوانیم افکت اسلاید ها را تغییر دهیم؟
با ویرایش کد زیر:
effect: 'slideLeft',

برای نمایش اسلایدها به صورت محو شوند کد fade را قرار دهید.

چگونه میتوانیم قابلیت متوقف شدن اسلایدر را هنگامی که موس را بر روی آن می آوریم غیر فعال کنیم؟
با ویرایش کد زیر:
hoverPause: true

به جای true باید false بگذارید.
29 نفر (29 کاربر و 0 میهمان) از این مطلب تشکر کرده اند.
تشکر
عضو سایت
30 خرداد 1391 - 12:51
مر30 عزیز

flower
عضو سایت
30 خرداد 1391 - 13:20
مرسی دوست عزیز

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

flower
عضو سایت
30 خرداد 1391 - 16:27
چجوری میشه تنظیم کرد که عکس وسط بیوفته نه چپ ؟
عضو سایت
30 خرداد 1391 - 16:34
مرسی ادمین flower

--------------------
مدیر بازنشسته
30 خرداد 1391 - 16:50
ebeliejinfren,
با ویرایش کدهایی که در قسمت CSS قالب وارد کردید.
عضو سایت
30 خرداد 1391 - 19:01
بازم گل کاشتی

--------------------
عضو سایت
30 خرداد 1391 - 21:43
IMP,
راستش نتونستم
کد مربوط به img رو center کردم ولی جواب نداد
مدیر بازنشسته
30 خرداد 1391 - 21:53
ebeliejinfren,
قالب و تنظیماتی که من درست کردم نیازی به این کارا نداره yes به صورت دیفالت تصویر در وسط اسلایدر قرار دارد. سایر مسائل به قالب و استایل قالب شما بستگی دارد.

ولی اگر باز هم مشکل داری، توی لینک زیر آموزش رو قرار دادم انجام بده:
http://pastebin.com/5qyHMyLh
عضو سایت
31 خرداد 1391 - 01:42
دمت گرم داداش flower
عضو سایت
31 خرداد 1391 - 11:57
ایول خیلی قشنگه ، آقا میشه کمک کنید . من از قالب orange استفاده میکنم نمیدونم این کد رو کجا بزارم




.slider2_text {text-align:right; padding:2px 5px;}
.slider2_img img {padding:3px; border:1px solid #ddd; background:#fff; margin-top:5px;}
.slider2_date {color:#aaa;}
#features {background: #efefef;position: relative;overflow: hidden;width: 300px;height: 240px;list-style:none;line-height:13px;font:11px tahoma;color:#555;}
.jshowoff {width: 300px;margin: 10px 0;}
.jshowoff div {width: 290px;}
.jshowoff div, #features, .jshowoff {-webkit-border-top-left-radius: 6px;-webkit-border-top-right-radius: 6px;}
.jshowoff-slidelinks a, .jshowoff-controls a {display: block;background-color: #bbb;color: #fff;padding: 3px 7px 5px;margin: 5px 0 0 5px;float: left;text-decoration: none;-moz-border-radius: 4px;-webkit-border-radius: 4px;outline: none;line-height: 13px;font:11px tahoma;}
.jshowoff-slidelinks a:hover, .jshowoff-controls a:hover {color: #999;background:#fff;}
p.jshowoff-controls {background: #ddd;overflow: auto;height: 1%;padding: 0 0 5px 3px;margin: 0;-moz-border-radius-bottomleft: 6px;-moz-border-radius-bottomright: 6px;-webkit-border-bottom-left-radius: 6px;-webkit-border-bottom-right-radius: 6px;}
.jshowoff-pausetext {color: #ff9900;}



--------------------
مدیر بازنشسته
31 خرداد 1391 - 12:16
sepahna,
توی فایل css قالبتون دوست عزیز. توی راهنمای نصب خیلی واضح توضیحات داده شده.
عضو سایت
31 خرداد 1391 - 13:45
ببینید در قالب نارنجی
در خود ریشه قالب یه فایل به نام
preview.css
وجود داره
درون پوشه

style
هم این فایل ها وجود دارند
tools.css
main.css
friends.css
engine.css
blocks.css
base.css

--------------------
عضو سایت
31 خرداد 1391 - 16:39
نقل قول: sepahna
main.css


--------------------
مدیر بازنشسته
31 خرداد 1391 - 20:54
sepahna,
فکر کنم این سوال رو چند بار هم توی انجمن پرسیده بودی دوست عزیز! laughing
عضو سایت
02 تیر 1391 - 21:48
درسته ، عذر میخوام . آخه من قرار دادم درون main.css جواب نداد واسه همین دوباره پرسیدم ، الان هم سی اس اسش درون قالب خونده نمیشه smile2

--------------------
عضو سایت
03 تیر 1391 - 11:21
عاشقتم imp
دمت گرم ، مرسی ، عالیه
flower کاشتی
مدیر بخش قالب ها
04 تیر 1391 - 11:06
اسلایدر زیباییه

باز هم ممنون و متشکرم winked

--------------------
عضو سایت
05 تیر 1391 - 10:57
دوستان روی ورژن 9 جواب میده؟
عضو سایت
24 تیر 1391 - 01:21
سلام نصب كردم من ولی اسلاید نداره ینی نشون میده ولی یه مطلب ثابت رو نشون میده
لینك
نسخه 9.5
مدیر بازنشسته
24 تیر 1391 - 03:45
eshgh_javani,
مشکل از قالب شماست و یا مراحل نصب رو درست انجام ندادید. ماژول با نسخه های ۹.۴ به بالا تست شده و هیچ مشکلی ندارد.
عضو سایت
24 تیر 1391 - 04:38
IMP,
مراحل که همونه که نوشته شده بود پس احتمالا قالبه.
مرسی

یه نگاه مجدد بهش بنداز ببین مشکلش چیه یه کم تغییر کرد ولی بازم هماهنگ نیست.
مرسی
مدیر بازنشسته
24 تیر 1391 - 04:51
دوست عزیز چی رو باید یک نگاه بهش بکنم؟ lol
اگر منظورتون ماژول هست، همانطور که گفتم هیچ مشکلی نداره!
اگر هم منظور شما سایت شماست، چک کردم ولی اسلایدر نصب نبود!
منظور شما چی بید حالا؟ yes
عضو سایت
24 تیر 1391 - 12:29
ببخشید.
منظور من نگاه مجدد به سایت بود که لینکشو توی نظر قبلتر داده بودم ینی
اینجا
بعد یه سری تغییرات دادم و دیشب باز اوکی نشده بود ازتون خواستم یه نگاه مجدد بندازید. البته الان درسته ظاهرا ولی می خوام بدونم چجوری بیارمش وسط ستون.
ممنون میشم توضیح بدید
مدیر بازنشسته
24 تیر 1391 - 15:05
eshgh_javani,
والا من نمیتونم زیاد توضیح بدم، چون شاید کدی که من بدم توی اون قسمت کار نکنه، چون نمیدونم چه استایلهایی براش درست کردید. اما میتونید یک div بسازید و align اون رو روی center قرار بدید و اسلایدر رو بزارید داخل این div flower
عضو سایت
14 دی 1391 - 16:05
با تشکر از زحماتتون یه سوال کوچولو تو این اسلایدر به جای 150کارکتر از متن مطالب این تگ میاد:
{text limit="150"} حتی تگ {text} هم بجاش میزارم قبول نمیکنه ولی مثلا {title} رو قبول میکنه و عنوان مطلب رو نشون میده اما اون دوتا رو نشون نمیده تو ویندوزم با سرور مجازی امتحان کردم همین طور بود البته نسخه من 9.6 شما هم که گفتی 9.4 به بالا اگه میشه راهنماییم کنین.
تشکر flower

--------------------
مدیر بازنشسته
14 دی 1391 - 18:11
masoodafar,
از تگ زیر استفاده کن:

{short-story limit="150"}

آموزش کامل تگها رو هم میتونی توی مطلب ماژول بلاک پیشرفته بخونی.
عضو سایت
04 بهمن 1391 - 17:10
دوستان یه سوال چرا وقتی مطلبی قرار میگیره توی اسلاید شو تصویر No Image نشون داده میشه ؟!؟!
توی فیلد های اضافی کاربران نباید چیزی اضافه بشه ؟؟؟
لطفا راهنمایی کنید !!
مدیر بازنشسته
04 بهمن 1391 - 18:43
gstu,
برای اینکه مطلبتون تصویر نداره. شما صفحه توضیحات ماژول بلاک پیشرفته رو بخون.
مدیر بازنشسته
21 بهمن 1392 - 23:41
نقل قول: NovinPress
زحمتش رو کشیدم ولی هر چی کردم سایز تصویر بزرگ نشد

مشکلی نیست، شما توی بازارچه سفارش بدید براتون ماژول اختصاصی بنویسند.
عضو سایت
02 تیر 1394 - 21:53
سلام دوست عزیز،

ممنون بخاطر این ماژول،
روی 10.4 جواب میده؟
من نصبش کردم مشکلی نداره ولی عکس مطالبو noimage میاره در صورتی که مطلبم عکس داره !
چیکار باید کرد؟

ممنون
جهت ارسال نظر، فرم زیر را تکمیل نمائید:
نام:*
ایمیل:*
متن نظر:

 
پررنگکج خط دارخط دار در وسط|سمت چپوسط سمت راست|قرار دادن شکلکانتخاب رنگ|پنهان کردن متنقراردادن نقل قولتبدیل نوشته ها به زبان روسیقراردادن Spoiler
کد امنیتی: *