آخر المواضيع بالمنتدى forum بتقنية [jQUery]

[admin]

http://www.dzbatna.com/images/icons/iconrote.gif ط¢ط®ط± ط§ظ„ظ…ظˆط§ط¶ظٹط¹ ط¨ط§ظ„ظ…ظ†طھط¯ظ‰ ط¨طھظ‚ظ†ظٹط© [jQUery] (http://www.dzbatna.com/t1848821/)



السلام عليكم اخواني

اخر المواضيع بتقنية [jQUery]

لرؤية مثال

مـــن هــنـــا (http://softxsoft.com/vb/forum.php)

طريقة التركيب install

افتح تملت headinclude

و بآخر التملت بالاخيررر ضع هاذا الكود code

رمز Code:
<script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js&quot;></script> <script src=&quot;js/jquery.ticker.js&quot; type=&quot;text/javascript&quot;></script> <script type=&quot;text/javascript&quot; src=&quot;{vb:raw vboptions.bburl}/external.php?&type=js&quot;></script> <script type=&quot;text/javascript&quot;> $(function () { $('#js-news').ticker(); }); </script>
و افتح تملت additional.css

وضع هاذا الكود code باخره




رمز Code:
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ اخر المواضيع بالمنتدى forum منتديات برامج العرب ~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #ticker-wrapper * { margin-left: auto; margin-right: auto; } #ticker-wrapper.has-js { margin: 20px auto 20px auto; padding: 0px 20px; width: 900px; height: 30px; display: block; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background-color: #f8f0db; font-size: 1.1em; } #ticker { width: 830px; height: 30px; display: block; position: relative; overflow: hidden; background-color: #f8f0db; } #ticker-title { padding: 5px; color: #990000; font-weight: bold; background-color: #f8f0db; text-transform: none; } #ticker-content { margin: 0px; padding: 5px; position: absolute; color: #1F527B; font-weight: normal; background-color: #f8f0db; overflow: hidden; white-space: nowrap; line-height: 1.2em; } #ticker-content:focus { none; } #ticker-content a { text-decoration: none; color: #1F527B; } #ticker-content a:hover { text-decoration: underline; color: #0D3059; } #ticker-swipe { padding-top: 9px; position: absolute; top: 0px; background-color: #f8f0db; display: block; width: 800px; height: 23px; } #ticker-swipe span { margin-left: 1px; background-color: #f8f0db; border-bottom: 1px solid #1F527B; height: 12px; width: 7px; display: block; } #ticker-controls { padding: 8px 0px 0px 0px; list-style-type: none; float: left; } #ticker-controls li { padding: 0px; margin-left: 5px; float: left; cursor: pointer; height: 16px; width: 16px; display: block; } #ticker-controls li#play-pause { background-image: url('../images/controls.png'); background-position: 32px 16px; } #ticker-controls li#play-pause.over { background-position: 32px 32px; } #ticker-controls li#play-pause.down { background-position: 32px 0px; } #ticker-controls li#play-pause.paused { background-image: url('../images/controls.png'); background-position: 48px 16px; } #ticker-controls li#play-pause.paused.over { background-position: 48px 32px; } #ticker-controls li#play-pause.paused.down { background-position: 48px 0px; } #ticker-controls li#prev { background-image: url('../images/controls.png'); background-position: 0px 16px; } #ticker-controls li#prev.over { background-position: 0px 32px; } #ticker-controls li#prev.down { background-position: 0px 0px; } #ticker-controls li#next { background-image: url('../images/controls.png'); background-position: 16px 16px; } #ticker-controls li#next.over { background-position: 16px 32px; } #ticker-controls li#next.down { background-position: 16px 0px; } .js-hidden { display: none; } #no-js-news { padding: 10px 0px 0px 45px; color: #F8F0DB; } .left #ticker-swipe { left: 80px; } .left #ticker-controls, .left #ticker-content, .left #ticker-title, .left #ticker { float: left; } .left #ticker-controls { padding-left: 6px; } .right #ticker-swipe { right: 80px; } .right #ticker-controls, .right #ticker-content, .right #ticker-title, .right #ticker { float: right; } .right #ticker-controls { padding-right: 6px; }
و بالاخير افتح تملت navbar

وضع هاذا الكود code بالاخير

رمز Code:
<!--ticker--> <div id=&quot;ticker-wrapper&quot; class=&quot;no-js&quot;> <ul id=&quot;js-news&quot; class=&quot;js-hidden&quot;> <script type=&quot;text/javascript&quot; src=&quot;{vb:raw vboptions.bburl}/external.php?&type=js&quot;></script> <script type=&quot;text/javascript&quot;> <!-- for (var i = 0; i < threads.length; i++) { document.write('<li><a href=&quot;{vb:raw vboptions.bburl}/showthread.php?t=' + threads[i]['threadid'] + '&quot;>' + threads[i]['title'] + '</a>' + '&nbsp;&nbsp;&nbsp;' + '<span style=&quot;color: red;&quot;>بواسطة:</span>'+ '&nbsp;' + threads[i]['poster'] + '</a>' + '</li>'); } //--> </script> </ul> </div> <!--ticker-->
و ارفع الملف المرفق







ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)

الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif Latest Threads Ticker (http://www.traidnt.net/vb/attachments/571799d1304425986-latest-threads-ticker-)[jquery].zip (4.7 كيلوبايت, عدد مرات المشاهدة 618 مرة)


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