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

kalid

عضو جديد
28 أكتوبر 2010
42
0
0
السلام عليكم ورحمة الله وبركاته

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

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

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

slaaaa1.png


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

slaaaa2.png


slaaaa3.png


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

slaaaa4.png


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

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>

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

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

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

slaaaa5.png


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

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 الموجود بداخل مجلد المنتدى

slaaaa6.png


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

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

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

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

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

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

المصدر : معهد الصقور

السلام عليكم​