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

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

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

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



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





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

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


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

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




قالب template طريقه العرض الاولى (طبعا مرفق ) رمز Code:
<center><table border=&quot;0&quot; width=&quot;400&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;> <tr> <td><script type=&quot;text/javascript&quot; src=&quot;blocknews/jquery-1.2.2.pack.js&quot;></script> <head> <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;blocknews/cssbuttonstoggler.css&quot; /> <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;blocknews/featuredcontentglider.css&quot; /> <script type=&quot;text/javascript&quot; src=&quot;blocknews/featuredcontentglider.js&quot;> /*********************************************** *(http://www.2wslhost.com) استضافة HOTING تواصل * مضافه بواسطه علي الكثيري ***********************************************/ </script> <script type=&quot;text/javascript&quot;> featuredcontentglider.init({ gliderid: &quot;canadaprovinces&quot;, //ID of main glider container contentclass: &quot;glidecontent&quot;, //Shared CSS class name of each glider content togglerid: &quot;p-select&quot;, //ID of toggler container remotecontent: &quot;&quot;, //Get gliding contents from external file on server? &quot;filename&quot; or &quot;&quot; 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: &quot;downup&quot;, //اتجاهات الحركه اختر احد الاربع حركاتset direction of glide: &quot;updown&quot;, &quot;downup&quot;, &quot;leftright&quot;, or &quot;rightleft&quot; 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=&quot;canadaprovinces&quot; class=&quot;glidecontentwrapper&quot;> <div class=&quot;glidecontent&quot;> <!--INC dir=&quot;blocknews/block&quot; file=&quot;1.php&quot; --></div> <div class=&quot;glidecontent&quot;> <!--INC dir=&quot;blocknews/block&quot; file=&quot;2.php&quot; --></div> <div class=&quot;glidecontent&quot;> <!--INC dir=&quot;blocknews/block&quot; file=&quot;3.php&quot; --></div> <div class=&quot;glidecontent&quot;> <!--INC dir=&quot;blocknews/block&quot; file=&quot;4.php&quot; --></div> <div class=&quot;glidecontent&quot;> <!--INC dir=&quot;blocknews/block&quot; file=&quot;5.php&quot; --></div> <div class=&quot;glidecontent&quot;> <!--INC dir=&quot;blocknews/block&quot; file=&quot;6.php&quot; --></div> <div class=&quot;glidecontent&quot;> <!--INC dir=&quot;blocknews/block&quot; file=&quot;7.php&quot; --></div> <div class=&quot;glidecontent&quot;> <!--INC dir=&quot;blocknews/block&quot; file=&quot;8.php&quot; --></div> <div class=&quot;glidecontent&quot;> <!--INC dir=&quot;blocknews/block&quot; file=&quot;9.php&quot; --></div> <div class=&quot;glidecontent&quot;> <!--INC dir=&quot;blocknews/block&quot; file=&quot;10.php&quot; --></div> </div> </div> <div id=&quot;p-select&quot; class=&quot;cssbuttonstoggler&quot;> <a href=&quot;#&quot; class=&quot;toc&quot;><span>1</span></a> <a href=&quot;#&quot; class=&quot;toc&quot;><span>2</span></a> <a href=&quot;#&quot; class=&quot;toc&quot;><span>3</span> <a href=&quot;#&quot; class=&quot;toc&quot;><span>4</span></a><a href=&quot;#&quot; class=&quot;toc&quot;><span>5</span></a><a href=&quot;#&quot; class=&quot;toc&quot;><span>6</span></a> <a href=&quot;#&quot; class=&quot;toc&quot;><span>7</span></a><a href=&quot;#&quot; class=&quot;toc&quot;><span>8</span></a><a href=&quot;#&quot; class=&quot;toc&quot;><span>9</span></a> <a href=&quot;#&quot; class=&quot;toc&quot;><span>10</span></a> <a href=&quot;#&quot; class=&quot;prev&quot;><span>السابق</span></a> <a href=&quot;#&quot; class=&quot;next&quot;><span>التالي</span></a> </div></td> </tr> </table></center>


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

رمز Code:
<!--INC dir=&quot;block&quot; file=&quot;index_download.php&quot; --> <!--INC dir=&quot;block&quot; file=&quot;links.php&quot; --> <script type=&quot;text/javascript&quot; src=&quot;blocknews/jquery-1.2.2.pack.js&quot;></script> <head> <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;blocknews/cssbuttonstoggler.css&quot; /> <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;blocknews/featuredcontentglider.css&quot; /> <script type=&quot;text/javascript&quot; src=&quot;blocknews/featuredcontentglider.js&quot;> /*********************************************** *(http://www.2wslhost.com) استضافة HOTING تواصل * مضافه بواسطه علي الكثيري ***********************************************/ </script> <script type=&quot;text/javascript&quot;> featuredcontentglider.init({ gliderid: &quot;canadaprovinces&quot;, //ID of main glider container contentclass: &quot;glidecontent&quot;, //Shared CSS class name of each glider content togglerid: &quot;p-select&quot;, //ID of toggler container remotecontent: &quot;&quot;, //Get gliding contents from external file on server? &quot;filename&quot; or &quot;&quot; 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: &quot;downup&quot;, //اتجاهات الحركه اختر احد الاربع حركاتset direction of glide: &quot;updown&quot;, &quot;downup&quot;, &quot;leftright&quot;, or &quot;rightleft&quot; 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=&quot;canadaprovinces&quot; class=&quot;glidecontentwrapper&quot;> <div class=&quot;glidecontent&quot;> <!--INC dir=&quot;blocknews/block&quot; file=&quot;1.php&quot; --></div> <div class=&quot;glidecontent&quot;> <!--INC dir=&quot;blocknews/block&quot; file=&quot;2.php&quot; --></div> <div class=&quot;glidecontent&quot;> <!--INC dir=&quot;blocknews/block&quot; file=&quot;3.php&quot; --></div> <div class=&quot;glidecontent&quot;> <!--INC dir=&quot;blocknews/block&quot; file=&quot;4.php&quot; --></div> <div class=&quot;glidecontent&quot;> <!--INC dir=&quot;blocknews/block&quot; file=&quot;5.php&quot; --></div> <div class=&quot;glidecontent&quot;> <!--INC dir=&quot;blocknews/block&quot; file=&quot;6.php&quot; --></div> <div class=&quot;glidecontent&quot;> <!--INC dir=&quot;blocknews/block&quot; file=&quot;7.php&quot; --></div> <div class=&quot;glidecontent&quot;> <!--INC dir=&quot;blocknews/block&quot; file=&quot;8.php&quot; --></div> <div class=&quot;glidecontent&quot;> <!--INC dir=&quot;blocknews/block&quot; file=&quot;9.php&quot; --></div> <div class=&quot;glidecontent&quot;> <!--INC dir=&quot;blocknews/block&quot; file=&quot;10.php&quot; --></div> </div> </div> <div id=&quot;p-select&quot; class=&quot;cssbuttonstoggler&quot;> <a href=&quot;#&quot; class=&quot;toc&quot;><span>1</span></a> <a href=&quot;#&quot; class=&quot;toc&quot;><span>2</span></a> <a href=&quot;#&quot; class=&quot;toc&quot;><span>3</span> <a href=&quot;#&quot; class=&quot;toc&quot;><span>4</span></a><a href=&quot;#&quot; class=&quot;toc&quot;><span>5</span></a><a href=&quot;#&quot; class=&quot;toc&quot;><span>6</span></a> <a href=&quot;#&quot; class=&quot;toc&quot;><span>7</span></a><a href=&quot;#&quot; class=&quot;toc&quot;><span>8</span></a><a href=&quot;#&quot; class=&quot;toc&quot;><span>9</span></a> <a href=&quot;#&quot; class=&quot;toc&quot;><span>10</span></a> <a href=&quot;#&quot; class=&quot;prev&quot;><span>السابق</span></a> <a href=&quot;#&quot; class=&quot;next&quot;><span>التالي</span></a> </div>


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

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


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

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


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


الملفات المرفقة [TR]
www.2wslhost.com.zip (34.4 كيلوبايت, عدد مرات المشاهدة 1110 مرة) [/TR]



©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©