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

H3RO كتب:

هل تم الحل 

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

الكود:

<!--بداية التأطير العلوي -->
<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 -->

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

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