مطلوب كود اخر المواضيع

الكود:

<div id="asdbabl">
 
<style>
div.title {
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #fff;
text-align:center;
}
</style>

<!-- BEGIN classical_row -->

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="3" align="center"><tbody>
<thead><tr>
<td style="padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%">
<table border="0" cellpadding="0" cellspacing="0" colspan="3" width="100%">

<tr><td class="catHead" colspan="2" width="30%">
<div class="title"><font color="#808080">آخــر المواضـيع</font></div>
</td>
<td class="catHead" colspan="1" width="20%">
<div class="title"><font color="#808080">التــاريخ </font></div>
</td>
<td class="catHead" colspan="1" width="30%">
<div class="title"><font color="#808080">بواسطـة</font></div>
</td></tr>

<tr valign="top">
<td colspan="1" style="border-top: 0px none; padding: 0px; background: transparent url(https://2img.net/h/i1036.photobucket.com/albums/a449/a1tinhgia3/image/list.gif) no-repeat scroll center top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="24"><img src="https://2img.net/i/fa/empty.gif" width="24" border="0"></td><td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="right" background="https://2img.net/h/i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif" width="60%">

<!-- BEGIN recent_topic_row -->

<div class="eshary3">

<a href="{classical_row.recent_topic_row.U_TITLE}"><b>
<font style="font-family: Tahoma; font-size: 11px" color="#808080">{classical_row.recent_topic_row.L_TITLE}</font></b></a><font color="#808080"><br>

</font>

</div>


<!-- END recent_topic_row -->
</td>
<td style="border-top: 0px none; padding: 0px; line-height: 16.5px; background-repeat: repeat;" align="right" background="https://2img.net/h/i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif" width="15%">
<span class="gensmall">
<!-- BEGIN recent_topic_row -->
<img src="https://i.servimg.com/u/f46/12/36/04/46/calend11.png" width="16px" height="16px" />
{ON} {classical_row.recent_topic_row.S_POSTTIME}
<br><!-- END recent_topic_row -->
</span>
</td>
<td style="border-top: 0px none; padding: 0px; line-height: 17px; background-repeat: repeat;" align="right" background="https://2img.net/h/i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif" width="15%">
<!-- BEGIN switch_poster -->
<a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
<!-- END switch_poster -->
<!-- BEGIN switch_poster_guest -->
{classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
<!-- END switch_poster_guest -->
<!-- BEGIN recent_topic_row -->

<div class="eshary2">

<img src="https://i.servimg.com/u/f46/12/36/04/46/13210311.png">
<a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}"><font style="font-family: Tahoma; font-size: 11px">{classical_row.recent_topic_row.switch_poster.S_POSTER}</font></a>
<br>

</div>

<!-- END recent_topic_row -->

</td>
</tr></table></td></tr></tbody></table>
<!-- END classical_row -->

 
</div>

كونان2000 كتب:هل استعملت الكود الي عطاك اياه العراقي الطائي

الساعدي الساعدي كتب:

كونان2000 كتب:هل استعملت الكود الي عطاك اياه العراقي الطائي

ليس الكود الذي طلبته
انا طلبت تظهر الصورة بجانب اسم الموضوع
مثل الصورة التي ارفقتها اعلاه

الطائرالحر كتب:

الساعدي الساعدي كتب:

كونان2000 كتب:هل استعملت الكود الي عطاك اياه العراقي الطائي

ليس الكود الذي طلبته
انا طلبت تظهر الصورة بجانب اسم الموضوع
مثل الصورة التي ارفقتها اعلاه

موجوده من برمجتي 
هذا ما تقصده انت 
https://i.servimg.com/u/f89/17/65/39/41/17-06-11.png

الكود:

$(function getNews() {
    var lastNewsTitle = 'آخر الأخبار',
        forumNumper = '0', // رقم القسم
        numberOfNews = '3', // عدد المواضيع
        speedOfNews = '60', // سرعة التتالي
        separateImg = 'https://i.servimg.com/u/f18/20/23/40/69/a_aio10.gif',   // الصورة الفاصلة بين كل موضوع
        newsTitleBg = '#B42000',    // لون خلفية نص آخر الأخبار
        newsBg = '#000',    // لون خلفية شريط آخر الأخبار

        newsLocation = '.newsLocation',
        lastNewsContainer = document.createElement("DIV");
    lastNewsContainer.className = "lastNewsContainer";
    lastNewsContainer.innerHTML =
        '<div class="lastNewsTitle">' + lastNewsTitle + '</div><div class="lastNewsItems-wrap"><div class="lastNewsItems marquee"></div></div>';
    if (newsLocation) {
        document.querySelector(newsLocation).appendChild(lastNewsContainer);
    }

    function loadDoc(f, c) {
        var xhttp = new XMLHttpRequest();
        xhttp.onreadystatechange = function () {
            if (this.readyState == 4 && this.status == 200) {
                var parser = new DOMParser(),
                    newsResult = parser.parseFromString(this.responseText, "text/xml");
                for (i = 0; i < c; i++) {
                    var lastNewsBlock = document.createElement('SPAN');
                    lastNewsBlock.className = 'lastNewsBlock';
                    lastNewsBlock.innerHTML = '<a href="' + newsResult.querySelectorAll('item')[i].querySelector('link').innerHTML + '" class="lastNews">' + newsResult.querySelectorAll('item')[i].querySelector('title').innerHTML + '</a><img src="' + separateImg + '" class="separateImg" alt="" />';
                    document.querySelector('.lastNewsItems').append(lastNewsBlock);
                }
            }
        };
        xhttp.open("GET", "/feed?f=" + f, true);
        xhttp.send();
    }
    loadDoc(forumNumper, numberOfNews);
    var newsStyle = document.createElement('STYLE');
    newsStyle.innerHTML = '.marquee { display: inline-block; padding-right: 100%; white-space: nowrap; animation: marquee ' + speedOfNews + 's linear infinite; }.separateImg, .lastNews { display: inline-block; vertical-align: middle; } .separateImg { margin: 0 40px; max-width: 30px; max-height: 30px; } .lastNewsBlock:last-child .separateImg { display: none; } .lastNewsItems-wrap:hover .marquee { animation-play-state: paused } @keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(100%, 0); } } .lastNewsContainer { display: inline-flex; width: 100%; align-items: center; background: ' + newsTitleBg + '; color: #FFF; margin: 20px 0; box-sizing: border-box; } .lastNewsTitle { min-width: 100px; text-align: center; } .lastNewsItems-wrap { width: 100%; background: ' + newsBg + '; border: 1px solid ' + newsTitleBg + '; overflow: hidden; }';
    document.head.appendChild(newsStyle);

});
//by omarpop23

الكود:

<div class="newsLocation">

العراقي الطائي كتب:الكود اللي تريده هو اخر المواضيع خبر مع صوره هو كود جافه
تضع اولا كود الجافا في حقل الجافا واستعمله للصفحه الرئيسيه

الكود:

$(function getNews() {
    var lastNewsTitle = 'آخر الأخبار',
        forumNumper = '0', // رقم القسم
        numberOfNews = '3', // عدد المواضيع
        speedOfNews = '60', // سرعة التتالي
        separateImg = 'https://i.servimg.com/u/f18/20/23/40/69/a_aio10.gif',   // الصورة الفاصلة بين كل موضوع
        newsTitleBg = '#B42000',    // لون خلفية نص آخر الأخبار
        newsBg = '#000',    // لون خلفية شريط آخر الأخبار

        newsLocation = '.newsLocation',
        lastNewsContainer = document.createElement("DIV");
    lastNewsContainer.className = "lastNewsContainer";
    lastNewsContainer.innerHTML =
        '<div class="lastNewsTitle">' + lastNewsTitle + '</div><div class="lastNewsItems-wrap"><div class="lastNewsItems marquee"></div></div>';
    if (newsLocation) {
        document.querySelector(newsLocation).appendChild(lastNewsContainer);
    }

    function loadDoc(f, c) {
        var xhttp = new XMLHttpRequest();
        xhttp.onreadystatechange = function () {
            if (this.readyState == 4 && this.status == 200) {
                var parser = new DOMParser(),
                    newsResult = parser.parseFromString(this.responseText, "text/xml");
                for (i = 0; i < c; i++) {
                    var lastNewsBlock = document.createElement('SPAN');
                    lastNewsBlock.className = 'lastNewsBlock';
                    lastNewsBlock.innerHTML = '<a href="' + newsResult.querySelectorAll('item')[i].querySelector('link').innerHTML + '" class="lastNews">' + newsResult.querySelectorAll('item')[i].querySelector('title').innerHTML + '</a><img src="' + separateImg + '" class="separateImg" alt="" />';
                    document.querySelector('.lastNewsItems').append(lastNewsBlock);
                }
            }
        };
        xhttp.open("GET", "/feed?f=" + f, true);
        xhttp.send();
    }
    loadDoc(forumNumper, numberOfNews);
    var newsStyle = document.createElement('STYLE');
    newsStyle.innerHTML = '.marquee { display: inline-block; padding-right: 100%; white-space: nowrap; animation: marquee ' + speedOfNews + 's linear infinite; }.separateImg, .lastNews { display: inline-block; vertical-align: middle; } .separateImg { margin: 0 40px; max-width: 30px; max-height: 30px; } .lastNewsBlock:last-child .separateImg { display: none; } .lastNewsItems-wrap:hover .marquee { animation-play-state: paused } @keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(100%, 0); } } .lastNewsContainer { display: inline-flex; width: 100%; align-items: center; background: ' + newsTitleBg + '; color: #FFF; margin: 20px 0; box-sizing: border-box; } .lastNewsTitle { min-width: 100px; text-align: center; } .lastNewsItems-wrap { width: 100%; background: ' + newsBg + '; border: 1px solid ' + newsTitleBg + '; overflow: hidden; }';
    document.head.appendChild(newsStyle);

});
//by omarpop23

ثم بعدها تضع هدا الكود في اي مكان يعجبك

الكود:

<div class="newsLocation">

تقدر تغير الصوره من كود الجافا
وتقدر تتحكم بالكود من خلال هدول
       forumNumper = '0', // رقم القسم
       numberOfNews = '3', // عدد المواضيع
       speedOfNews = '60', // سرعة التتالي
       separateImg = 'https://i.servimg.com/u/f18/20/23/40/69/a_aio10.gif',   // الصورة الفاصلة بين كل موضوع
       newsTitleBg = '#B42000',    // لون خلفية نص آخر الأخبار
       newsBg = '#000',    // لون خلفية شريط آخر الأخبار

كونان2000 كتب:

الساعدي الساعدي كتب:شكرا لك
لكن هذا كود على شكل شريط وليس خبر مع صورة كما ذكرت

اذا تقصد انك تريد كود يلتقط عنوان الموضوع + صوره من الموضوع تلقائي,
ما انصحك تركب مثل هذه الاكواد
بسبب انها تسبب مشاكل وبطئ بالمنتدى

الافضل انك تعمل هذا يدوي
يعني تعمل عنصر مستقل وتجعله يظهر في الصفحه الرئيسيه
وبعدها انت تضيف العناوين والصور يدوي من اختيارك,
-------------------
او انك تركب كود جافا يظهر الرمزيه بجانب اسم العضو في اخر المواضيع

اضف الكود التالي في اعلى قالب mod_recent_topics

الكود:

<div id="recentTopics">

وأضف الكود التالي في نهاية نفس القالب mod_recent_topics

الكود:

</div>

ثم اضف الكود التالي في الجافا مع اختيار جميع الصفحات

الكود:

$(function(){
  var style = document.createElement('STYLE'), css = '.mini_ava2>img{height:20px;margin-right:5px;width:20px;}';
  style.type = 'text/css';
  if (style.styleSheet) style.styleSheet.cssText = css;
  else style.appendChild(document.createTextNode(css));
  document.getElementsByTagName('HEAD')[0].appendChild(style);
    
       if(!window.localStorage) return;
    
       // Default avatar
        var default_avatar= 'https://2img.net/i/fa/invision/pp-blank-thumb.png';
    
       // Time of cache 24h*60m*60s*1000ms - one day
        var caching_time= 24*60*60*1000;
    
       // Time of cache in case of error 60s*1000ms - one minute
        var caching_error= 60*1000;
    
       var set_avatar= function(id) {
            $('.mini_ava2.member'+id).html('<img src="'+get_avatar(id)+'" />');
        };
    
       var get_avatar= function(id) {
            if(localStorage.getItem('t_ava'+id) < +new Date - caching_time || (localStorage.getItem('d_ava'+id)==default_avatar && localStorage.getItem('t_ava'+id) < +new Date - caching_error))
            {
                localStorage.setItem('d_ava'+id, default_avatar);
                $.get('/u'+id, function (d){
                    localStorage.setItem('t_ava'+id,+new Date);
                    localStorage.setItem('d_ava'+id, $('#profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img',d).first().attr('src')||default_avatar);
                    set_avatar(id);
                });
            }
            return localStorage.getItem('d_ava'+id);
        };
    
       var to_replace= {};
    
       $('#recentTopics a[href^="/u"]').each(function(){
            to_replace[$(this).attr('href').substr(2)]= 1;
            $(this).before('<span class="mini_ava2 member'+$(this).attr('href').substr(2)+'"></span>');
        });
    
       for(i in to_replace)
        {
            set_avatar(i);
        };
    
   });

واذا تحب تكبر الصور الرمزيه ونخليها مثل ما تريد
يمكنك ذلك عن طريق الcss
كما في الصوره  الي انت وضعتها

----

تمت كتابة كود الجافا بواسطة Insane

كونان2000 كتب:@الساعدي الساعدي
هل يعني انه تم الحل 
----------------

@العراقي الطائي
انا والله عملت اكواد كثيره لكنها لم تنشر في منتدى الدعم الى الان,
الاكواد لا تنشر في قسم التقنيات الا لما يتم اختبارها بالاول

لكن المساعدين هنا مشغولين 

العراقي الطائي كتب:فيما يخص طلب الاخ الساعدي هو كان كود للطائر الحر لاكنه يضهر في البوابه فقط
هل يمكن اضهاره على الرئيسيه

العراقي الطائي كتب:هو موجود في مواضيع االطائر الحر
على صفحته