محتاج كود لايقونات المشاركه

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

وين تبي الايقونه تكون موجود
ممكن صورة للتوضيح

هدا مثال اختي وهاي صوره اريد اظهار الصوره على الرئيسيه

الحين فهمت
اظن هذا يحتاج جفا
احاول اعدل لك على واحد
ان شاء الله باسرع وقت

تسلمي اختي الله يبارك فيج

@العراقي الطائي
 الحمدلله انا نجحت وطلعت الايقونه في اخر مشاركة عن طريق الجفا
ناقص بس ارتب الكود واظبط الشرح واحتاج شوية وقت
---
شايف انا عندي مشكله اني اعاني من البطئ الشديد في تصميم اكواد الجفا
ولازم اي واحد يطلب مني كود جفا ان يصبر ايام طوييييله
مثل ماحصل هنا طلب كود ارقام صفحات المواضيع للجوال

انتظرني

واو انجاز رائع اختي يا ريت تعطيني الكود برساله
اشوفه ابين ما تكمليه هدا انجاز رائع حقا كل الشكر الك

رائع جدا استمر اخي

H3RO كتب:

هل تم الحل 

لا لسه

اعتذر للتأخير في الرد
ان شاء الله في اقرب وقت
الكود اللي عدلته يحتاج اكثر من كود في الcss والjava والhtml
اصبرو علي شوية وقت وان شاء الله اكون خلصت منه

نوار2000 كتب:اعتذر للتأخير في الرد
ان شاء الله في اقرب وقت
الكود اللي عدلته يحتاج اكثر من كود في الcss والjava والhtml
اصبرو علي شوية وقت وان شاء الله اكون خلصت منه

مستنيكي شكرا جزيلا

انا حطيت لك 6 ايقونات
والكود هذا يحول البادئه الى صوره في اخر مشاركه
يعني انت لازم تختار بادئه لعنوان موضوعك حتى تظهر الايقونه
وانا وضعت في الكود 6 ايقونات وهي .. احبكم. طلب. خجلان. عاجل. هام. مخالف,
كما في الصوره

والنتيجه تكون كما في الصوره

وطبعا يمكنك اضافة العشرات من الايقونات كما تريد

طريقة التركيب
ضع التالي بالهيدر اسفل هذه الكلمة </head>

الكود:


 <script type="text/javascript">
$(window).load(function() {
$("td.row3.over").each(function() {
        $(this).find("span.prefix.احبكم").html('<img src="https://www.up-9.com/image198609.html" />');
          $(this).find("span.prefix.طلب").html('<img src="https://www.up-9.com/image198610.html" />');
          $(this).find("span.prefix.خجلاند").html('<img src="https://www.up-9.com/image198611.html" />');
          $(this).find("span.prefix.عاجل").html('<img src="https://www.up-9.com/image198629.html" />');
          $(this).find("span.prefix.هام").html('<img src="https://www.up-9.com/image198637.html" />');
          $(this).find("span.prefix.مخالف").html('<img src="https://www.up-9.com/image198644.html" />');
    });
});
</script>
 <script type="text/javascript">
          
$(function () {
   $("a[href^='/t'],a[href^='http://"+ location.host +"/t']").html(function () {
      var u = $(this).text();
      if(/^\[([^\[\]]+)\]/.test(u)) return u.replace(/^\[[^\[\]]+\]/, function (a) {
         a = a.slice(1, -1);
         return '<span class="prefix ' + a + '">' + a + "</span>"
      })
   });
});
 </script>
 

 <script type="text/javascript">
         var PREFIJOS_TEMAS = [];
 
  PREFIJOS_TEMAS.push("[احبكم]");
  PREFIJOS_TEMAS.push("[طلب]");
  PREFIJOS_TEMAS.push("[خجلان]");
  PREFIJOS_TEMAS.push("[عاجل]");
  PREFIJOS_TEMAS.push("[هام]");
  PREFIJOS_TEMAS.push("[مخالف]");
 
$(function () {
   if(/^\/post\?f=\d+&mode=newtopic/.test($(location).attr('pathname') + $(location).attr('search'))){  
      var html_options_prefijo = "<select name='prefijos'><option value=''>اختر ايقونة</option>";
      for(var prefijo in PREFIJOS_TEMAS){
         html_options_prefijo += "<option value='" + PREFIJOS_TEMAS[prefijo] + "'>" + PREFIJOS_TEMAS[prefijo] + "</option>";
      }
      html_options_prefijo += "</select>";      
      $('input[name="subject"]').before(html_options_prefijo);        
      $("form[method='post']").submit(function() {
         $('input[name="subject"]').val(($('select[name="prefijos"]').val() ? $('select[name="prefijos"]').val() + " " : "") + $('input[name="subject"]').val());
      });
   }
});

          
 </script>        


ثم ضع التالي بالcss

الكود:

.prefix.احبكم {
float: right;
}
.prefix.طلب {
float: right;
}
.prefix.خجلان {
float: right;
}
.prefix.عاجل {
float: right;
}
.prefix.هام {
float: right;
}
.prefix.مخالف {
float: right;
}

 

اختي هل الكود يشتغل على النسخه الثانيه لان منتداي النسخه الثانيه

جميل جدا اختي ورائع شكرا جزيلا لكي على هدا الانجاز الجميل

اختي العزيزه الموضوع ناجح جدا
لاكنه لم يعمل على الكود اللي عندي تومبيلات هو اشتغل على الكود العادي للستايل فقط
ممكن لو سمحتي اضافه الوسم الدي ضفتيه لكود الفئات
او التعديل على هدا الكود العندي اللي هو تومبيلات حتا نجعله يظهر فيها
مع وافر الشكر والتقدير

الكود:

<!--بداية التأطير العلوي -->
<div class="t1">
  <div class="t2"></div>
  <div class="t3"></div>
</div>
<div class="body-bg">
  <div class="t4">
      <div class="t5">
<!-- / نهاية اطار علوي -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" id="chatbox_container">
   <tr>
      <td class="row1" valign="top" align="center">
         <div id="chatbox_portal" style="height:300px;"></div>
         <script type="text/javascript">
            insertChatBox('chatbox_portal', '{U_FRAME_CHATBOX}');
         </script>
      </td>
   </tr>
</table>

<table width="100%">
   <tr>
      <td width="100%">&nbsp;</td>
      <td align="right" width="20">
         <img src="https://2img.net/i/fa/resize.gif" onmousedown="javascript:resizeElement(event, 'chatbox_portal');" alt="" style="cursor:se-resize;" />
      </td>
   </tr>
</table>
  <!-- بداية اطار سفلي -->
      </div>
  </div>
</div>
<div class="t6">
  <div class="t7"></div>
  <div class="t8"></div>
</div>
<!--نهاية التأطير السفلي -->
<br />


<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<style>.secondarytitle, .secondarytitle h2 {color: #FFF !important;}</style>


<!--بداية التأطير العلوي -->
<div class="t1">
  <div class="t2"></div>
  <div class="t3"></div>
</div>
<div class="body-bg">
  <div class="t4">
      <div class="t5">
<!--نهاية التأطير العلوي -->
                    <table class="tborder" cellpadding="6" cellspacing="2" border="0" width="100%" align="center">
                             <tr>
               <td class="tcat" align="center" colspan="5">
                                            <span style="width:70px;">
                                                   <img onclick="i=0;e=this.parentNode.parentNode.parentNode.parentNode.childNodes;while(++i<e.length)if(e[i].tagName=='TR')e[i].style.display=(e[i].style.display=='none')?'':'none';this.src=(this.src=='https://i.servimg.com/u/f78/19/47/70/95/collap44.gif')?'https://i.servimg.com/u/f78/19/47/70/95/collap44.gif':'https://i.servimg.com/u/f78/19/47/70/95/collap44.gif';" src="https://i.servimg.com/u/f78/19/47/70/95/collap44.gif" align="left" ></e>
                  </span>
                  <center><div colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">  {catrow.tablehead.L_FORUM}  </div></center>
               </td>
            </tr>
                             <tr align="center">
                     <td class="thead">&nbsp;</td>
                     <td class="thead" width="60%" align="right">المنتدى</td>
                     <td class="thead" width="60%">اخر مشاركه</td>
                     <td class="thead">المواضيع</td>
                     <td class="thead">المشاركات</td>
                 </tr>
                             <style type="text/css">#stats {background-repeat:no-repeat;background-position:right;border-top: 1px solid #2f96ca;border:1px solid #2f96ca;border-left:2px solid #2f96ca;border-right:2px solid #2f96ca;-moz-border-radius: 15px;border-radius: 15px;width: 20%;margin: 0 auto;padding-top: 1px;padding-bottom: 1px} #stats p {text-align: right;color: #FFF;font-size:medium;font-weight: bold}</style>
<!-- END tablehead --><!-- BEGIN cathead -->
<!-- BEGIN inc -->
            <tr align="center">
               <td style="padding:0;">
                  <div class="img">
                     <div class="top"></div>
                     <div class="med" width="46"><img src="{SPACER}" /></div>
<!-- END inc -->
                     <div class="down" colspan="{catrow.cathead.INC_SPAN}" width="100%">
                        <h{catrow.cathead.LEVEL} class="hierarchy">
                           <span class="cattitle">
                              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
                           </span>
                        </h{catrow.cathead.LEVEL}>
                     </div>
                                                 </div>
               </td>
            </tr>
<!-- END cathead --><!-- BEGIN forumrow -->
                             <tr align="center">
                                     <td class="alt2"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" border="0" id="forum_statusicon_64" /></td>
                                     <!-- BEGIN inc -->
               <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}"/></td>
               <!-- END inc -->
               <td class="alt1" align="right" id="f64" onmouseover="this.className='alt2';" onmouseout="this.className='alt1';" onmousedown="this.className='alt1';">
                  <div><a href="{catrow.forumrow.U_VIEWFORUM}"><strong>{catrow.forumrow.FORUM_NAME}</strong></a></div>
                  <div class="smallfont">{catrow.forumrow.FORUM_DESC}</div>
                  <div class="smallfont"><!-- BEGIN switch_moderators_links -->{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}<!-- END switch_moderators_links --></div>
                                               <div class="smallfont">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
               </td>
               <td class="alt2">
                  <div class="smallfont" align="right">
                     <div>
                        <span style="white-space:nowrap">
                           <!-- BEGIN avatar -->
                           <span class="lastpost-avatar" id="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                           <!-- END avatar -->
                                                               </span>
                     </div>
                     <div style="white-space:nowrap">{catrow.forumrow.LAST_POST}</div>
                  </div>
               </td>
               <td class="alt1">{catrow.forumrow.TOPICS}</td>
               <td class="alt2">{catrow.forumrow.POSTS}</td>
            </tr>
<!-- END forumrow --><!-- BEGIN catfoot -->
            <tr>
               <!-- BEGIN inc -->
               <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
               <!-- END inc -->
               <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
            </tr>
<!-- END catfoot --><!-- BEGIN tablefoot -->
         </table><img src="{SPACER}" alt="" height="0" width="0" />
  <!-- بداية اطار سفلي -->
      </div>
  </div>
</div>
<div class="t6">
  <div class="t7"></div>
  <div class="t8"></div>
</div>
<!--نهاية التأطير السفلي -->
<br />
<!-- END tablefoot --><!-- END catrow -->

@العراقي الطائي
هذا وسم منتداك .smallfont

اول شيء ركب الاكواد التي وضعتها في الاعلى
ثم ابحث في الهيدر عن  الوسم التالي

الكود:

td.row3.over

وضع مكانه التالي

الكود:

.smallfont

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

@نوار2000
ابداع منكي اختي لقد ضهر عللا الرئيسيه واخر الاخبار ايظا
لاكن عندي منتدى اخر كيف اعرف وسم منتداي رجاء
يعني اللي عنده اكثر من منتدى كيف يعثر على وسم منتداه

بقت شغله وحده اختي العزيزه ويكون هدا الكود في كامل انجاز
هو ان تنزل اول ايقونه توماتك ان لم يقم احد باختيار ايقونه محدده

@العراقي الطائي
بصراحه انا اشوف الافضل ان يكون الخيار الاول من غير ايقونه
لان ضع ايقونه تلقائي غير مستحسن

لكن مافيه مشكله. اذا تحب  احاول اضبط لك كود

نوار2000 كتب:@العراقي الطائي
بصراحه انا اشوف الافضل ان يكون الخيار الاول من غير ايقونه
لان ضع ايقونه تلقائي غير مستحسن

لكن مافيه مشكله. اذا تحب  احاول اضبط لك كود

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

يعني لا تريد ان تظهر الايقونه الا في اخر مشاركة
ولا تظهر في اخر الاخبار ولا في اي مكان اخر
---
سهله ضع الكود داخل الاندكس بوكس بدل ماتحطه بالهيدر

لا بالعكس اريده ان يظهر بكل ما دكرت
لاكن اريده يشتغل بانه يضع ايقونه من تلقاء نفسه في حاله لم يستعمل احد اي ايقونه للموضوع