السلام عليكم ورحمة الله وبركاته
شرح حصري اضافة سلاديشو بملاحظات المنتدى
الشرح بالصور :
مثال على الشرح :
ادخل الى لوحة تحكم الاداره
في اول قالب الهيدر
اضف الكود التالي :
كود PHP:
<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>
ثم اضغط على حفظ
بعد ذلك نتجه الى الملاحظات
بالمنتدى مسمي الملاحظات كلمة الاداره
تضيف الكود التالي
كود PHP:
<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 الموجود بداخل مجلد المنتدى
ارفع الملفات لمجلد images الموجود بداخل مجلد المنتدى
التحميل :
http://al-saker.net/download.php?fil...3016933521.zip
عرض السلاديشو : 500 / الطول : 200
وسوف يعمل السلاديشو بدون مشاكل بأذن الله
ان شاء الله يكون الشرح واضح
بالتوفيق للجميع
المصدر :
معهد الصقور
السلام عليكم