شرح اضافة سلاديشو للملاحظات بالمنتدى ( حصري )

[KALID-MAN]

السلام عليكم ورحمة الله وبركاته

شرح حصري اضافة سلاديشو بملاحظات المنتدى

الشرح بالصور :

مثال على الشرح :

http://www.al-saker.com/up/up1/slaaaa1.png

ادخل الى لوحة تحكم الاداره

http://www.al-saker.com/up/up1/slaaaa2.png

http://www.al-saker.com/up/up1/slaaaa3.png

في اول قالب الهيدر

http://www.al-saker.com/up/up1/slaaaa4.png

اضف الكود التالي :

<link href="images/number_slideshow.css" rel="stylesheet" type="text/css"></link>

<script type="text/javascript" src="images/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="images/number_slideshow.js"></script>
<script language="javascript" type="text/javascript">
$(function() {
$("#number_slideshow").number_slideshow({
slideshow_autoplay: 'enable',//enable disable
slideshow_time_interval: '3000',
slideshow_window_background_color: "#ccc",
slideshow_window_padding: '1',
slideshow_window_width: '500',
slideshow_window_height: '200',
slideshow_border_size: '1',
slideshow_border_color: 'black',
slideshow_show_button: 'enable',//enable disable
slideshow_button_text_color: '#CCC',
slideshow_button_background_color: '#333',
slideshow_button_current_background_color: '#666',
slideshow_button_border_color: '#000',
slideshow_button_border_size: '1'
});
$("#number_slideshow1").number_slideshow({
slideshow_autoplay: 'enable',//enable disable
slideshow_time_interval: '10000',
slideshow_window_background_color: "#CCFFCC",
slideshow_window_padding: '0',
slideshow_window_width: '500',
slideshow_window_height: '200',
slideshow_border_size: '0',
slideshow_border_color: '#006600',
slideshow_show_button: 'enable',//enable disable
slideshow_button_text_color: '#FFF',
slideshow_button_background_color: '#66CC00',
slideshow_button_current_background_color: '#006600',
slideshow_button_border_color: '#006600',
slideshow_button_border_size: '0'
});
});
</script>

ثم اضغط على حفظ

بعد ذلك نتجه الى الملاحظات

بالمنتدى مسمي الملاحظات كلمة الاداره

http://www.al-saker.com/up/up1/slaaaa5.png

تضيف الكود التالي

<center>

<div id="number_slideshow" class="number_slideshow">
<ul>
<li><a href="http://www.al-saker.com"><img src="images/al-saker-1.jpg" width="500" height="200" alt="slideshow_large"/></a></li>
<li><a href="http://www.al-saker.com"><img src="images/al-saker-2.jpg" width="500" height="200" alt="slideshow_large"/></a></li>
<li><a href="http://www.al-saker.com"><img src="images/al-saker-3.jpg" width="500" height="200" alt="slideshow_large"/></a></li>
<li><a href="http://www.al-saker.com"><img src="images/al-saker-4.jpg" width="500" height="200" alt="slideshow_large"/></a></li>
<li><a href="http://www.al-saker.com"><img src="images/al-saker-5.jpg" width="500" height="200" alt="slideshow_large"/></a></li>
</ul>
<ul class="number_slideshow_nav">
<li><a href="http://www.al-saker.com">1</a></li>
<li><a href="http://www.al-saker.com">2</a></li>
<li><a href="http://www.al-saker.com">3</a></li>
<li><a href="http://www.al-saker.com">4</a></li>
<li><a href="http://www.al-saker.com">5</a></li>
</ul>
<div style="clear: both">
<p></div>
</div>
</center>

غير روابط الموقع لموقعك وارفع الصور لمجلد images الموجود بداخل مجلد المنتدى

http://www.al-saker.com/up/up1/slaaaa6.png

ارفع الملفات لمجلد images الموجود بداخل مجلد المنتدى

التحميل : http://al-saker.net/download.php?filename=al-saker13016933521.zip

عرض السلاديشو : 500 / الطول : 200

وسوف يعمل السلاديشو بدون مشاكل بأذن الله

ان شاء الله يكون الشرح واضح

بالتوفيق للجميع

المصدر : معهد الصقور (http://www.al-saker.com/forum)

السلام عليكم