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

سلام عليكم ورحمه الله
الرجاء اريد تحويل ايقونات الحالات الثلاث الى كي اس اس
وشكرا جزيلا لكم

عفوا ايظا رايد احول هده الايقونه اللي على الرئيسيه ايظا الى كود كي اس اس
ولكم جزيل الشكر

الكود:

      <a href="showthread.php?p=821803#post821803"><img class="inlineimg" src="https://2img.net/www.ishqalyali.com/vb/ESHQLAYALY-2022/buttons/lastpost.gif" alt="الذهاب إلى آخر مشاركة" border="0" title="الذهاب إلى آخر مشاركة"></a>

السلام عليكم @العراقي الطائي
لم افهم طلبك
ماذا تقصد انك تحولهم الى كود css

اهلا يا كونان هدول اللي رايد احولهم الطلب الثاني قدره احوله لاكن الحالات الثلاث لسه

<img src="https://www.ishqalyali.com/vb/QSHqe/statusicon/forum_old.gif" alt="فئة" name="">

<img src="https://www.ishqalyali.com/vb/QSHqe/statusicon/forum_new.gif" alt="فئة - جديد" name="">
<img src="https://www.ishqalyali.com/vb/QSHqe/statusicon/forum_old_lock.gif" alt="فئة - مقفل" name="">
<img src="https://www.ishqalyali.com/vb/QSHqe/statusicon/forum_old.gif" alt="منتدى" name="">
<img src="https://www.ishqalyali.com/vb/QSHqe/statusicon/forum_new.gif" alt="منتدى - جديد" name="">
<img src="https://www.ishqalyali.com/vb/QSHqe/statusicon/forum_old_lock.gif" alt="منتدى - مقفل" name="">
<img src="https://www.ishqalyali.com/vb/QSHqe/statusicon/forum_old.gif" alt="إعلانات تجارية" name="">
هدول كونان حولياهم كي اس اس لو سمحت

والله الى الان موفاهم قصدك

هل تقصد انك تضع صور الى فئة جديده بواسطة كودcss

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

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

هلا  @العراقي الطائي
يعني تريد وضع (صوره جديده - صوره قديم) للقسم عن طريق الcss
ويتم التحكم بالصوره عن طريق الcss

هل هذا قصدك؟؟

اهلا كونان نعم وثلاثه صور 
نعم الحالات الثلات

ما يحتاج انك تضعه بالcss 
خلها موجوده في لوحة الادارة احسن واسرع
----
انا انصحك انت تضع وسم خاص للمتغير الخاص بالصور

بعدها انت تقدر تصنع كود css 
من خلاله تقدر تتحكم بها كما تريد

من وضع اطار او تغير الحجم وغيرها

المتغير تجده بقالب index_box
مثل التالي للنسخه الثالثه

المتغير كتب: <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="{catrow.forumrow.L_FORUM_FOLDER_ALT}"{
                    
    background: url(https://2img.net/www.ishqalyali.com/vb/ESHQLAYALY-2022/buttons/lastpost.gif);
    color: #000000;
    font: 12px 'Droid Arabic Kufi';
    text-shadow: 1px 1px 0px #000000;
    border: 1px solid #000000;
    border-bottom: 2px solid #000000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

 div
}

عملت هدا ايظا لم ينجح

الكود:

.td  class="{catrow.forumrow.L_FORUM_FOLDER_ALT}"{
                   
    background: url(https://2img.net/www.ishqalyali.com/vb/ESHQLAYALY-2022/buttons/lastpost.gif);
    color: #000000;
    font: 12px 'Droid Arabic Kufi';
    text-shadow: 1px 1px 0px #000000;
    border: 1px solid #000000;
    border-bottom: 2px solid #000000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

 td ;
}

اخي انت مصمم الكود خطاء 

المفروض تعمله كتالي

الكود:


<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>



هكذا يصبح الوسم الخاص بالكود في الcss كالتالي
.halh

الكود:

.halh {
    background: antiquewhite;
}

اذا ما عرفت ضع قالب index_box

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

.halh {
   background: url(https://2img.net/www.ishqalyali.com/vb/ESHQLAYALY-2022/buttons/lastpost.gif);

   background: antiquewhite;
}
هكدا قصدك

انا هدا الوسم اللي بمنتداي

الكود:

                                                        <td class="alt2" width="5%"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>

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

انا عملته للنسخه الثاثه
-----
اخي انت المفروض تقول من البداية
انك تريد اظهار الصور بواسطة كود css وليس عبر لوحة الادارة,
انت قلت احولهم ولم تقل اظهرهم
لذلك لم افهم طلبك من البدايه,
وبصراحه ما اشوف انه له داعي انك تظهرهم بواسطة كود css,
لانك حتى لو رفعت التصميم على الهيت سكين لن يكون هناك فرق
---------------------
---------------------
اذا كنت تريد التحكم بالصور بواسطة كود css
(يعني تتحكم بالحجم والاطار والخلفية بواسطة كود css)

ضع لي قالب index_box
حتى اعملك كود css محدد
تقدر من خلاله التحكم بها بواسطة css

صباح الخير كونان تفضل

الكود:

<!-- 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="alt2" 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>

مرحبا
تم تعديل القالب
الان اصبح وسم الصور بالcss:
هكذا:  td.Iraqi img

واعمل كود الcss كالتالي

الكود:

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

------
ملاحظة
انا وضعت احجام وخلفيه لونها ازرق وايطار لونه احمر,
انت غريهم كما يحلو لك من كود الcss
----

قالب index_box

الكود:

<!-- 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 -->

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

لم افهم قصدك
كيف يعني (كل الصور ولا اكتفي بصوره واحده)

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

الكود:

<!-- 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 -->

لازم كل طلب في موضوع منفصل حتى لا يحصل ارتباك

الحالات الثلاث يا كونان همه ثلاث صور كما تعرف وصورتين تحت المنتدى يعني لازما تشغيل بخمس اماكن مبين الكود لازمه شغل كثير