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

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

پشتیبان رسمی سیستم مدیریت محتوا

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

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

اسلایدر مطالب نسخه 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 بگذارید.
نظرات کاربران
مهدی در 30 خرداد 1391 - 12:51 گفته:
عضو سایتنظرات: 11

مر30 عزیز

flower

hamde در 30 خرداد 1391 - 13:20 گفته:
عضو سایتنظرات: 39

مرسی دوست عزیز

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

flower

ebeliejinfren در 30 خرداد 1391 - 16:27 گفته:
عضو سایتنظرات: 3

چجوری میشه تنظیم کرد که عکس وسط بیوفته نه چپ ؟

احمد مرادی در 30 خرداد 1391 - 16:34 گفته:
عضو سایتنظرات: 222

مرسی ادمین flower

--------------------

IMP در 30 خرداد 1391 - 16:50 گفته:
مدیر بازنشستهنظرات: 917

ebeliejinfren,
با ویرایش کدهایی که در قسمت CSS قالب وارد کردید.

شهاب در 30 خرداد 1391 - 19:01 گفته:
عضو سایتنظرات: 23

بازم گل کاشتی

--------------------

ebeliejinfren در 30 خرداد 1391 - 21:43 گفته:
عضو سایتنظرات: 3

IMP,
راستش نتونستم
کد مربوط به img رو center کردم ولی جواب نداد

IMP در 30 خرداد 1391 - 21:53 گفته:
مدیر بازنشستهنظرات: 917

ebeliejinfren,
قالب و تنظیماتی که من درست کردم نیازی به این کارا نداره yes به صورت دیفالت تصویر در وسط اسلایدر قرار دارد. سایر مسائل به قالب و استایل قالب شما بستگی دارد.

ولی اگر باز هم مشکل داری، توی لینک زیر آموزش رو قرار دادم انجام بده:
http://pastebin.com/5qyHMyLh

ahmad4u در 31 خرداد 1391 - 01:42 گفته:
عضو سایتنظرات: 83

دمت گرم داداش flower

mahmoodbarani در 31 خرداد 1391 - 11:57 گفته:
عضو سایتنظرات: 23

ایول خیلی قشنگه ، آقا میشه کمک کنید . من از قالب 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;}



--------------------

IMP در 31 خرداد 1391 - 12:16 گفته:
مدیر بازنشستهنظرات: 917

sepahna,
توی فایل css قالبتون دوست عزیز. توی راهنمای نصب خیلی واضح توضیحات داده شده.

mahmoodbarani در 31 خرداد 1391 - 13:45 گفته:
عضو سایتنظرات: 23

ببینید در قالب نارنجی
در خود ریشه قالب یه فایل به نام
preview.css
وجود داره
درون پوشه

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

--------------------

1001night.ir در 31 خرداد 1391 - 16:39 گفته:
عضو سایتنظرات: 55

نقل قول: sepahna
main.css


--------------------

IMP در 31 خرداد 1391 - 20:54 گفته:
مدیر بازنشستهنظرات: 917

sepahna,
فکر کنم این سوال رو چند بار هم توی انجمن پرسیده بودی دوست عزیز! laughing

mahmoodbarani در 02 تیر 1391 - 21:48 گفته:
عضو سایتنظرات: 23

درسته ، عذر میخوام . آخه من قرار دادم درون main.css جواب نداد واسه همین دوباره پرسیدم ، الان هم سی اس اسش درون قالب خونده نمیشه smile2

--------------------

ilan در 03 تیر 1391 - 11:21 گفته:
عضو سایتنظرات: 37

عاشقتم imp
دمت گرم ، مرسی ، عالیه
flower کاشتی

مجید بشیری در 04 تیر 1391 - 11:06 گفته:
مدیر بخش قالب هانظرات: 176

اسلایدر زیباییه

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

--------------------

ilan در 05 تیر 1391 - 10:57 گفته:
عضو سایتنظرات: 37

دوستان روی ورژن 9 جواب میده؟

eshgh_javani در 24 تیر 1391 - 01:21 گفته:
عضو سایتنظرات: 49

سلام نصب كردم من ولی اسلاید نداره ینی نشون میده ولی یه مطلب ثابت رو نشون میده
لینك
نسخه 9.5

IMP در 24 تیر 1391 - 03:45 گفته:
مدیر بازنشستهنظرات: 917

eshgh_javani,
مشکل از قالب شماست و یا مراحل نصب رو درست انجام ندادید. ماژول با نسخه های ۹.۴ به بالا تست شده و هیچ مشکلی ندارد.

eshgh_javani در 24 تیر 1391 - 04:38 گفته:
عضو سایتنظرات: 49

IMP,
مراحل که همونه که نوشته شده بود پس احتمالا قالبه.
مرسی

یه نگاه مجدد بهش بنداز ببین مشکلش چیه یه کم تغییر کرد ولی بازم هماهنگ نیست.
مرسی

IMP در 24 تیر 1391 - 04:51 گفته:
مدیر بازنشستهنظرات: 917

دوست عزیز چی رو باید یک نگاه بهش بکنم؟ lol
اگر منظورتون ماژول هست، همانطور که گفتم هیچ مشکلی نداره!
اگر هم منظور شما سایت شماست، چک کردم ولی اسلایدر نصب نبود!
منظور شما چی بید حالا؟ yes

eshgh_javani در 24 تیر 1391 - 12:29 گفته:
عضو سایتنظرات: 49

ببخشید.
منظور من نگاه مجدد به سایت بود که لینکشو توی نظر قبلتر داده بودم ینی
اینجا
بعد یه سری تغییرات دادم و دیشب باز اوکی نشده بود ازتون خواستم یه نگاه مجدد بندازید. البته الان درسته ظاهرا ولی می خوام بدونم چجوری بیارمش وسط ستون.
ممنون میشم توضیح بدید

IMP در 24 تیر 1391 - 15:05 گفته:
مدیر بازنشستهنظرات: 917

eshgh_javani,
والا من نمیتونم زیاد توضیح بدم، چون شاید کدی که من بدم توی اون قسمت کار نکنه، چون نمیدونم چه استایلهایی براش درست کردید. اما میتونید یک div بسازید و align اون رو روی center قرار بدید و اسلایدر رو بزارید داخل این div flower

masood در 14 دی 1391 - 16:05 گفته:
عضو سایتنظرات: 19

با تشکر از زحماتتون یه سوال کوچولو تو این اسلایدر به جای 150کارکتر از متن مطالب این تگ میاد:
{text limit="150"} حتی تگ {text} هم بجاش میزارم قبول نمیکنه ولی مثلا {title} رو قبول میکنه و عنوان مطلب رو نشون میده اما اون دوتا رو نشون نمیده تو ویندوزم با سرور مجازی امتحان کردم همین طور بود البته نسخه من 9.6 شما هم که گفتی 9.4 به بالا اگه میشه راهنماییم کنین.
تشکرflower

--------------------

IMP در 14 دی 1391 - 18:11 گفته:
مدیر بازنشستهنظرات: 917

masoodafar,
از تگ زیر استفاده کن:

{short-story limit="150"}

آموزش کامل تگها رو هم میتونی توی مطلب ماژول بلاک پیشرفته بخونی.

OMiD در 04 بهمن 1391 - 17:10 گفته:
عضو سایتنظرات: 2

دوستان یه سوال چرا وقتی مطلبی قرار میگیره توی اسلاید شو تصویر No Image نشون داده میشه ؟!؟!
توی فیلد های اضافی کاربران نباید چیزی اضافه بشه ؟؟؟
لطفا راهنمایی کنید !!

IMP در 04 بهمن 1391 - 18:43 گفته:
مدیر بازنشستهنظرات: 917

gstu,
برای اینکه مطلبتون تصویر نداره. شما صفحه توضیحات ماژول بلاک پیشرفته رو بخون.

IMP در 21 بهمن 1392 - 23:41 گفته:
مدیر بازنشستهنظرات: 917

نقل قول: NovinPress
زحمتش رو کشیدم ولی هر چی کردم سایز تصویر بزرگ نشد

مشکلی نیست، شما توی بازارچه سفارش بدید براتون ماژول اختصاصی بنویسند.

Farhad-ddl در 02 تیر 1394 - 21:53 گفته:
عضو سایتنظرات: 15

سلام دوست عزیز،

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

ممنون

ارسال نظر
نام:*
ایمیل:*
متن نظر:
  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent
کد را وارد کنید: *
عکس خوانده نمی‌شود؟ کلیک کنید!