طلب كود لوصف القسم

الكود:

<br/><br/>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="fr_right">
<div class="fr_left">
<div class="fr_top">
<div class="fr_topR">
<div class="fr_topL">
<div class="fr_bottom">
<div class="fr_bottomR">
<div class="fr_bottomL">
<table class="tborder" align="center" border="0" cellpadding="5" cellspacing="1" width="100%">

<tr>
<td class="tcat" colspan="5">


  <span style="width:20px;"><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=='http://i72.servimg.com/u/f72/18/43/83/59/collap19.gif')?'http://i72.servimg.com/u/f72/18/43/83/59/collap18.gif':'http://i72.servimg.com/u/f72/18/43/83/59/collap19.gif';"src="http://i72.servimg.com/u/f72/18/43/83/59/collap18.gif"align="left"></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="3%"> </td>
<td class="thead" align="right" width="61%">المنتدى</td>
<td class="thead" width="25%">آخر مشاركة</td>
<td class="thead" width="7%">المواضيع</td>
<td class="thead" width="7%">المشاركات</td>
</tr>
 
    <!-- END tablehead -->
    <!-- BEGIN cathead -->
          <!-- BEGIN inc -->


<tr align="center">
    <td style="padding:0;">
       
        <div class="img">
            <div class="top"></div>

            <div class="med"{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" /></div>
<!-- END inc -->
<div class="down"{catrow.cathead.CLASS_CAT}" 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}>
        </td>
        <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="center"> </td>
    </tr>
</div>
        </div>
    </td>

<tbody id="collapseobj_forumbit_5" style="">

    <!-- END cathead -->
    <!-- BEGIN forumrow --> 
<tr align="center">
   <td class="alt2">
<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" id="f11" align="right">
      <div>
<h{catrow.cathead.LEVEL}>
<fieldset><legend><span class="forumlink">
                    <a class="forumlink"
href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br
 />
                </span></legend>
 
    <span class="genmed">{catrow.forumrow.FORUM_DESC}</span></fieldset>
</h{catrow.cathead.LEVEL}>   
      </div>

   <br/>   
<div class="smallfont">
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</div>
   </td>
   <td class="alt2">{catrow.forumrow.LAST_POST}</td>
   <td class="alt1">{catrow.forumrow.TOPICS}</td>
   <td class="alt2">{catrow.forumrow.POSTS}</td>

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

</div></div></div></div></div></div></div></div>
<!--bdayh-->

<img src="{SPACER}" alt="" height="5" width="1" />
<!-- END tablefoot --><!-- END catrow -->

<br>


mazeeka2011 كتب:ملعش ممكن صوره بس للكود لان انا اتصفح من الجوال مش من الكمبيوتر واعذر مره اخري عل الازعاج

الكود:

<span class="forumlink">
 <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
 </span>
 </h{catrow.forumrow.LEVEL}>
 <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>

الكود:

<div class="tooltip">
                            <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
                            <span class="tooltiptext tooltip-bottom">{catrow.forumrow.FORUM_DESC}</span>
                            <style type="text/css">
                            .tooltip {
    position: relative;
    display: inline-block;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.tooltip .tooltiptext {
    background-color: #555;
    border-radius: 6px;
    color: #fff;
    font-size: 11px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    text-align: center;
    transition: opacity 1s;
    visibility: hidden;
    width: 120px;
    z-index: 1;
}
.tooltip-bottom {
    top: 135%;
    left: 50%;
    margin-left: -60px;
}
.tooltip-bottom::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) transparent #555 transparent;
}
                            </style>
                          </div>
</h{catrow.forumrow.LEVEL}>

سجل و انشر
قد تحتاج  الي هذا الشرح لتغير اتجاه الوصف
http://www.w3schools.com/css/css_tooltip.asp

الكود:


<style>
 a:hover, a:active, body_ahover {
    color: rgb(64, 160, 213);
    text-decoration: none;
}
.forumCategoryRight {
    float: right;
    font-family: "Droid Arabic Kufi",Tahoma,Calibri,Verdana,Geneva,sans-serif;
    line-height: 15px;
    margin: 4px;
    padding: 4px;
    text-decoration: none;
    white-space: nowrap;
    width: 50%;
}

 
.tip, .tipClick {
    display: inline-block;
    position: relative !important;
}
.tip > .tooltipL, .tip > .tooltipR, .tipClick > .tooltipL, .tipClick > .tooltipR {
    display: none !important;
}
.tip:hover > .tooltipL, .tip:hover > .tooltipR, .tipClick > a:focus + .tooltipL, .tipClick > a:focus + .tooltipR {
    display: block !important;
}
.tooltipL, .tooltipR {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    border-radius: 5px;
    color: rgb(255, 255, 255);
    cursor: default;
    font-family: Droid Arabic Kufi;
    font-size: 11px;
    font-weight: lighter;
    line-height: 1.8em;
    padding: 6px 10px;
    white-space: nowrap;
    z-index: 15000;
}
.tooltipL::before, .tooltipR::before {
    border-style: solid;
    border-width: 6px;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}
.tooltipL {
    margin-right: 12px;
    margin-top: -23px;
    position: absolute;
    right: 100%;
    text-align: right;
    white-space: normal;
    width: 350px;
}
.tooltipL::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.6);
    right: -12px;
    top: 9px;
}
.tooltipR {
    left: 100%;
    margin-left: 12px;
    margin-top: -25px;
    padding: 4px 8px;
    position: absolute;
    text-align: center;
}
.tooltipR::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    left: -12px;
    top: 8px;
}

</style>
<br/><br/>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="fr_right">
<div class="fr_left">
<div class="fr_top">
<div class="fr_topR">
<div class="fr_topL">
<div class="fr_bottom">
<div class="fr_bottomR">
<div class="fr_bottomL">
<table class="tborder" align="center" border="0" cellpadding="5" cellspacing="1" width="100%">

<tr>
<td class="tcat" colspan="5">


  <span style="width:20px;"><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=='http://i72.servimg.com/u/f72/18/43/83/59/collap19.gif')?'http://i72.servimg.com/u/f72/18/43/83/59/collap18.gif':'http://i72.servimg.com/u/f72/18/43/83/59/collap19.gif';"src="http://i72.servimg.com/u/f72/18/43/83/59/collap18.gif"align="left"></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="3%"> </td>
<td class="thead" align="right" width="61%">المنتدى</td>
<td class="thead" width="25%">آخر مشاركة</td>
<td class="thead" width="7%">المواضيع</td>
<td class="thead" width="7%">المشاركات</td>
</tr>
 
    <!-- END tablehead -->
    <!-- BEGIN cathead -->
          <!-- BEGIN inc -->


<tr align="center">
    <td style="padding:0;">
       
        <div class="img">
            <div class="top"></div>

            <div class="med"{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" /></div>
<!-- END inc -->
<div class="down"{catrow.cathead.CLASS_CAT}" 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}>
        </td>
        <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="center"> </td>
    </tr>
</div>
        </div>
    </td>

<tbody id="collapseobj_forumbit_5" style="">

    <!-- END cathead -->
    <!-- BEGIN forumrow --> 
<tr align="center">
  <td class="alt2">
<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" id="f11" align="right">

<div class="tip">
  <a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
<blockquote class="tooltipL">{catrow.forumrow.FORUM_DESC}</blockquote>
<br/>
  </div>
  <br/> 
<div class="smallfont">
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</div>
  </td>
  <td class="alt2">{catrow.forumrow.LAST_POST}</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>

</div></div></div></div></div></div></div></div>
<!--bdayh-->

<img src="{SPACER}" alt="" height="5" width="1" />
<!-- END tablefoot --><!-- END catrow -->

<br>