سكربت عرض اخر الاخبار بطريقة جميلة جدا (Auto) للمجلة البوابة العربية [الأرشيف]

romaissa

11-01-2013, بتوقيت غرينيتش 07:17 AM

السلام عليكم
كيفكم اخبارك .............المهم

هذه طريقه جميله لعرض اخر الاخبار بشكل منزلق بعدة اشكال للحركه وبقالب templateين

مشاهدة حيه لطريقه
http://2wsl.com/

لاحظ في الاعلى العرض الاول

http://2wsl.com/blocknews/a.jpg

لاحظ في الاسفل العرض الثاني (ماراح تظهر الاخبار لانه لايمكن استخدامه الي مره واحده )

http://2wsl.com/blocknews/aa.jpg

ملاحظه // لاتستطيع استخدام الطريقتين مره واحده (لحد يسال ليش؟ ..... بلاش عبط )

يعني خذ الطريقه الي تعجبك وبسسسسسسس

طريقه التركيب install (سهله جدا )

1-مرفق مجلد blocknews ارفعه للموقعك
2- حرر قالب template index_main_table ليتم عرض الاخبار بدل الخبر الرئيسي او حرر قالب template announcement ليتم عرضها فوق الخبر الرئيسي (حرر تعني زيل محتوى القالب template واستبدله باحد القالب templateين التاليين )

قالب template طريقه العرض الاولى (طبعا مرفق ) رمز Code:
<center><table border="0" width="400" cellspacing="0" cellpadding="0"> <tr> <td><script type="text/javascript" src="blocknews/jquery-1.2.2.pack.js"></script> <head> <link rel="stylesheet" type="text/css" href="blocknews/cssbuttonstoggler.css" /> <link rel="stylesheet" type="text/css" href="blocknews/featuredcontentglider.css" /> <script type="text/javascript" src="blocknews/featuredcontentglider.js"> /*********************************************** *(http://www.2wslhost.com) استضافة HOTING تواصل * مضافه بواسطه علي الكثيري ***********************************************/ </script> <script type="text/javascript"> featuredcontentglider.init({ gliderid: "canadaprovinces", //ID of main glider container contentclass: "glidecontent", //Shared CSS class name of each glider content togglerid: "p-select", //ID of toggler container remotecontent: "", //Get gliding contents from external file on server? "filename" or "" to disable selected: 0, //Default selected content index (0=1st) persiststate: false, //Remember last content shown within browser session (true/false)? speed: 500, //السرعهGlide animation duration (in milliseconds) direction: "downup", //اتجاهات الحركه اختر احد الاربع حركاتset direction of glide: "updown", "downup", "leftright", or "rightleft" autorotate: true, //Auto rotate contents (true/false)? autorotateconfig: [3000, 100] //العدد 100 عدد الفاتif auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping] }) </script> </head> <div id="canadaprovinces" class="glidecontentwrapper"> <div class="glidecontent"> </div> <div class="glidecontent"> </div> <div class="glidecontent"> </div> <div class="glidecontent"> </div> <div class="glidecontent"> </div> <div class="glidecontent"> </div> <div class="glidecontent"> </div> <div class="glidecontent"> </div> <div class="glidecontent"> </div> <div class="glidecontent"> </div> </div> </div> <div id="p-select" class="cssbuttonstoggler"> <a href="#" class="toc"><span>1</span></a> <a href="#" class="toc"><span>2</span></a> <a href="#" class="toc"><span>3</span> <a href="#" class="toc"><span>4</span></a><a href="#" class="toc"><span>5</span></a><a href="#" class="toc"><span>6</span></a> <a href="#" class="toc"><span>7</span></a><a href="#" class="toc"><span>8</span></a><a href="#" class="toc"><span>9</span></a> <a href="#" class="toc"><span>10</span></a> <a href="#" class="prev"><span>السابق</span></a> <a href="#" class="next"><span>التالي</span></a> </div></td> </tr> </table></center>

قالب template طريقه العرض الثانيه(طبعا مرفق )

رمز Code:
  <script type="text/javascript" src="blocknews/jquery-1.2.2.pack.js"></script> <head> <link rel="stylesheet" type="text/css" href="blocknews/cssbuttonstoggler.css" /> <link rel="stylesheet" type="text/css" href="blocknews/featuredcontentglider.css" /> <script type="text/javascript" src="blocknews/featuredcontentglider.js"> /*********************************************** *(http://www.2wslhost.com) استضافة HOTING تواصل * مضافه بواسطه علي الكثيري ***********************************************/ </script> <script type="text/javascript"> featuredcontentglider.init({ gliderid: "canadaprovinces", //ID of main glider container contentclass: "glidecontent", //Shared CSS class name of each glider content togglerid: "p-select", //ID of toggler container remotecontent: "", //Get gliding contents from external file on server? "filename" or "" to disable selected: 0, //Default selected content index (0=1st) persiststate: false, //Remember last content shown within browser session (true/false)? speed: 500, //السرعهGlide animation duration (in milliseconds) direction: "downup", //اتجاهات الحركه اختر احد الاربع حركاتset direction of glide: "updown", "downup", "leftright", or "rightleft" autorotate: true, //Auto rotate contents (true/false)? autorotateconfig: [3000, 100] //العدد 100 عدد الفاتif auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping] }) </script> </head> <div id="canadaprovinces" class="glidecontentwrapper"> <div class="glidecontent"> </div> <div class="glidecontent"> </div> <div class="glidecontent"> </div> <div class="glidecontent"> </div> <div class="glidecontent"> </div> <div class="glidecontent"> </div> <div class="glidecontent"> </div> <div class="glidecontent"> </div> <div class="glidecontent"> </div> <div class="glidecontent"> </div> </div> </div> <div id="p-select" class="cssbuttonstoggler"> <a href="#" class="toc"><span>1</span></a> <a href="#" class="toc"><span>2</span></a> <a href="#" class="toc"><span>3</span> <a href="#" class="toc"><span>4</span></a><a href="#" class="toc"><span>5</span></a><a href="#" class="toc"><span>6</span></a> <a href="#" class="toc"><span>7</span></a><a href="#" class="toc"><span>8</span></a><a href="#" class="toc"><span>9</span></a> <a href="#" class="toc"><span>10</span></a> <a href="#" class="prev"><span>السابق</span></a> <a href="#" class="next"><span>التالي</span></a> </div>

تعليمات مهم //

يوجد في كلا القالب templateين اسطر تحكم في طرق العرض مثلا

رمز Code:
speed: 500, //السرعهGlide animation duration (in milliseconds) direction: "downup", //اتجاهات الحركه اختر احد الاربع حركاتset direction of glide: "updown", "downup", "leftright", or "rightleft" autorotate: true, //Auto rotate contents (true/false)? autorotateconfig: [3000, 100] //العدد 100 عدد الفاتif auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]
اظنها واضحه http://www.dzbatna.com/images/smilies/cupidarrow.gif

طبعا انماط الخطوط راح تاخذ مباشره للغه النمطيه (css) للاستايل style الي بتوضع فيه (اوتو )

تقبلوا تحياتي // علي الكثيري

الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif www.2wslhost.com.zip (http://www.traidnt.net/vb/attachments/361081d1239105914-www.2wslhost.com.zip) (34.4 كيلوبايت, عدد مرات المشاهدة 1110 مرة)

https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع