كود لتحويل ايقونات الحاله الو css

قانون كتب:أفضل طريقة للحل السريع لمشكلتك هو اعطاء معلومات واضحة و دقيقة 

المتغير كتب: <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" loading="lazy" />

الكود:

<div class="ضع الوسم هنا">
                    
                   ضع المتغير هنا

                </div>

الكود:


<div class="halh">
                    
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" loading="lazy" />
                </div>



الكود:

.halh {
    background: antiquewhite;
}

الكود:

td.Iraqi img {
    width: 122px;
    height: 122px;
    border: solid 3px #e91e63;
    background: aquamarine;
}

الكود:

<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<br />
<div class="block1">
   <div class="block2"></div>
   <div class="block3"></div>
</div>
<div class="block4">
   <div class="block5">
      <div class="block6">
 
 


                                    <table class="tborder" align="center" border="0" cellpadding="6" cellspacing="1" width="100%">
                                            <tr>
                                                    <td class="tcat" colspan="6" nowrap="nowrap">
                                                              <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/collap83.gif')?'https://i.servimg.com/u/f78/19/47/70/95/collap84.gif':'https://i.servimg.com/u/f78/19/47/70/95/collap83.gif';" src="https://i.servimg.com/u/f78/19/47/70/95/collap83.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" width="5%">&nbsp;</td>
                                                        <td class="thead" align="right" width="45%">المنتدى</td>
                                                        <td class="thead" width="26%">اخر مشاركه</td>
                                                        <td class="thead" width="7%">المواضيع</td>
                                                        <td class="thead" width="7%">المشاركات</td>
                                                          <td class="thead" width="10%">المراقبين</td>
                                                </tr>

                                  
<!-- END tablehead --><!-- BEGIN cathead -->
                        <!-- BEGIN inc -->
                  <tr align="center">
                          <div class="img">
                                <div class="top"></div>
                                <div class="med" width="46"><img src="{SPACER}" /></div>
                          <td style="padding:0;">
                          <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>
                            </td>
                            <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
                      </div>
                  </tr>
                  <!-- END inc -->
<!-- END cathead --><!-- BEGIN forumrow -->
                  <tr align="center">
                                                        <td class="Iraqi" width="5%">
                                                          <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </td>
                    <!-- BEGIN inc -->
                    <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}"/></td>
                            <!-- END inc -->
                    <td class="alt1Active" align="right" width="45%">


                                                                <div><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><img class="inlineimg" src="https://www.ibn3.net/vb/hij-freeee/statusicon/subforum_new.gif" alt="" border="0" id="forum_statusicon_125">{catrow.forumrow.FORUM_NAME}</a><br /></div>
                                                                <div class="forumlink"><img class="inlineimg" src="https://www.ibn3.net/vb/hij-freeee/statusicon/subforum_new.gif" alt="" border="0" id="forum_statusicon_125">{catrow.forumrow.FORUM_DESC}</div><br />
                                                                <div class="forumlink">
                  


<div class="s_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </div>
                                                                    <!-- BEGIN switch_moderators_links -->

                          <!-- END switch_moderators_links -->

                                                                </div>
                                                        </td>
                          <td class="alt2" width="20%">
                          
 
                                                            <!-- BEGIN avatar -->
                                <div style="width: 200px;"></div>

                                <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>


                                <!-- END avatar -->

                      

                                                                <span>
                                                                        <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                                                                        {catrow.forumrow.USER_LAST_POST}
                                                                </span>
                        </div>
                    </div>
                  </td>

                  <td class="alt1">{catrow.forumrow.TOPICS}</td>
                  <td class="alt2">{catrow.forumrow.POSTS}</td>
                  <td class="alt1">
                            <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>
                    </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="block7">
   <div class="block8"></div>
   <div class="block9"></div>
</div>
 <!-- END tablefoot --><!-- END catrow -->
 <style type="text/css">
                
/***تكبير الخط**/
.forumlink{
background: url("");
font-size: 18px;
font-weight: 700;
font-family:Cairo;
line-height: 2.0em;
color:#66cc99;
}

.{
background: url("");
font-size: 18px;
font-weight: 700;
font-family:Cairo;
line-height: 2.0em;
color:#66cc99;
}  
 
 

</style>


</div>

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

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

الكود:

<!-- END disable_viewonline -->
<br />
<br clear="all" />
<!-- BEGIN switch_legend -->
<table cellpadding="0" cellspacing="2" border="0" width="100%">
   <tbody>
             <tr valign="bottom">
         <td>
            <table cellpadding="2" cellspacing="0" border="0">
               <tbody>
                                             <tr>
                                                     <td><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" border="0" title="{L_NEW_POSTS}" /></td>
                     <td class="smallfont">  يحتوي على مشاركات جديده</td>
                  </tr>
                  <tr>
                                                     <td><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" border="0" title="{L_NO_NEW_POSTS}" /></td>
                     <td class="smallfont">  لا يحتوي على مشاركات جديده</td>
                  </tr>
               </tbody>
                             </table>
         </td>
      </tr>
   </tbody>
</table>
<!-- END switch_legend -->
{AUTO_DST}
<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
  status: true,
  cookie: true,
  xfbml: true,
oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->