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

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

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

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

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

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

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

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

كود 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

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

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

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

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

السلام عليكم