سلايد شو جديد مع اكواده

كيفكم شباب ان شاء الله تكونوا تمآم وفي عافية .؟!
~
اليوم اتيت لكم بسلايد شاو [ عارض الشرايح ] . رائع جداً ومستخدم في أكثر من
موقع سواء كان عربي ام اجنبي .. القالب بسيط جداً وطريقة تركيبه موضحة بالاسفل :

==============

للمنتديات :
أولاً : لوحة الادارة > خيارات الستايلات والقوالب > تعديل الستايلات > الستايل المحدد > القوالب الشائعة
بعدين ضيف الكود التالي بأسفل قالب الـ headerinclude

رمز PHP:

الكود:: <link rel="stylesheet" type="text/css" href="css/style.css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script> <script type="text/javascript"> $(document).ready(function(){ $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true); }); </script>

قم برفع الملف المرفق الى مجلد الـمنتدى الرئيسي
ثانياً : قم بإضافة الكود التالي باي مكان تريد ان يظهر فيه السلايدر . مثلاً باسفل قالب الهيدر ..
لوحة الادارة > خيارات الستايلات ولاقوالب > التحكم بالستايلات > الستايل المحدد > القوالب الشائعة > قالب header
ضيف الكود التالي بأسفل قالب الهيدر ..

رمز PHP:

الكود:: <div id="featured" > <ul class="ui-tabs-nav"> <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><img src="css/images/image1-small.jpg" alt="" /><span>قريبا</span></a></li> <li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img src="css/images/image2-small.jpg" alt="" /><span>قريبا</span></a></li> <li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img src="css/images/image3-small.jpg" alt="" /><span>قريبا</span></a></li> <li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img src="css/images/image4-small.jpg" alt="" /><span>قريبا</span></a></li> </ul>  <div id="fragment-1" class="ui-tabs-panel" style=""> <img src="css/images/image2.jpg" alt="" /> <div class="info" > <h2><a href="/up/" >مركز تحميل توب واو</a></h2> </div> </div>  <div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style=""> <img src="css/images/image2.jpg" alt="" /> <div class="info" > <h2><a href="#" >قريبا</a></h2> <p>قـــــريــــبــــآ <a href="#" >ألمزيد</a></p> </div> </div>  <div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style=""> <img src="css/images/image3.jpg" alt="" /> <div class="info" > <h2><a href="#" >قريبا</a></h2> <p>قـــــريــــبــــآ <a href="#" >ألمزيد</a></p> </div> </div>  <div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style=""> <img src="css/images/image4.jpg" alt="" /> <div class="info" > <h2><a href="#" >قريبا</a></h2> <p>قـــــريــــبــــآ <a href="#" >ألمزيد</a></p> </div> </div> </div> <br />