طلب تركيب كود في قالب إنديكس بوكس

أريد تركيب الكود في قالب إنديكس بوكس بدون حذف باقي الاكواد

الكود :
https://help.ahlamontada.com/t878628-topic

القالب :

الكود:

<style>

.tip, .tipClick {
    display: inline-block;
    position: relative !important;
}
.tip > .tooltipL, .tip > .tooltipR, .tipClick > .tooltipL, .tipClick > .tooltipR {
    display: none;
}
.tip:hover > .tooltipL, .tip:hover > .tooltipR, .tipClick > a:focus + .tooltipL, .tipClick > a:focus + .tooltipR {
    display: block;
}
.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>
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
    <tr>
        <td valign="bottom">
            <!-- BEGIN switch_user_logged_in -->
            <span class="gensmall">{LAST_VISIT_DATE}<br />
            {CURRENT_TIME}<br />
            </span>
            <!-- END switch_user_logged_in -->
            <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
        </td>
        <td class="gensmall" align="right" valign="bottom">
            <!-- BEGIN switch_user_logged_in -->
            <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
            <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
            <!-- END switch_user_logged_in -->
            <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
        </td>
    </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
            <tr>
                <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
                <th nowrap="nowrap" width="150"><div style="width:150px;">المشاركة الاخيرة</div></th>
                <th nowrap="nowrap" width="100">إحصائيات</th>
            </tr>
            <!-- END tablehead -->
    <!-- BEGIN cathead -->
    <tr>
        <!-- BEGIN inc -->
        <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
        <!-- END inc -->
        <td class="{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="right"> </td>
    </tr>
    <!-- END cathead -->
    <!-- BEGIN forumrow -->
    <tr>
        <!-- BEGIN inc -->
        <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
        <!-- END inc -->
        <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
        </td>
        <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
            <h{catrow.forumrow.LEVEL} class="hierarchy">
            <div class="tip">
  
                    
                    <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
            <br />
                                  
<blockquote class="tooltipL">{catrow.forumrow.FORUM_DESC}</blockquote>
                
              
 </div>
<br>
<br>
            </h{catrow.forumrow.LEVEL}>
            <span class="genmed"></span>
            <span class="gensmall">
                <!-- BEGIN switch_moderators_links -->
                {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                <!-- END switch_moderators_links -->
              <br />
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                                            </span>
                    </td>
            <td class="row3 over" align="center" valign="middle" height="50">
                        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
                    </td>
                    <td class="row3" align="center" valign="middle" height="50">
              
            <div style="width: 136px; height: 18px; margin-top: 3px" id="A7medvirus">
                    <font face="Droid Arabic Kufi"><span style="font-size: 8pt">المواضيع :  {catrow.forumrow.TOPICS}</span></font>
                </div>

            <div style="width: 136px; height: 18px; margin-top: 3px" id="HiMa-ElMaSrY">
                    <font face="Droid Arabic Kufi"><span style="font-size: 8pt">المشاركات : {catrow.forumrow.POSTS}</span></font>
                </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="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

تفضل

الكود:

<style>

.tip, .tipClick {
    display: inline-block;
    position: relative !important;
}
.tip > .tooltipL, .tip > .tooltipR, .tipClick > .tooltipL, .tipClick > .tooltipR {
    display: none;
}
.tip:hover > .tooltipL, .tip:hover > .tooltipR, .tipClick > a:focus + .tooltipL, .tipClick > a:focus + .tooltipR {
    display: block;
}
.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>
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
    <tr>
        <td valign="bottom">
            <!-- BEGIN switch_user_logged_in -->
            <span class="gensmall">{LAST_VISIT_DATE}<br />
            {CURRENT_TIME}<br />
            </span>
            <!-- END switch_user_logged_in -->
            <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
        </td>
        <td class="gensmall" align="right" valign="bottom">
            <!-- BEGIN switch_user_logged_in -->
            <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
            <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
            <!-- END switch_user_logged_in -->
            <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
        </td>
    </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
            <tr>
                <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
                <th nowrap="nowrap" width="150"><div style="width:150px;">المشاركة الاخيرة</div></th>
                <th nowrap="nowrap" width="100">إحصائيات</th>
              <th nowrap="nowrap" width="150"><div style="width:150px;">المشرفون</div></th>
            </tr>
            <!-- END tablehead -->
    <!-- BEGIN cathead -->
    <tr>
        <!-- BEGIN inc -->
        <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
        <!-- END inc -->
        <td class="{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="right"> </td>
    </tr>
    <!-- END cathead -->
    <!-- BEGIN forumrow -->
    <tr>
        <!-- BEGIN inc -->
        <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
        <!-- END inc -->
        <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
        </td>
        <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
            <h{catrow.forumrow.LEVEL} class="hierarchy">
            <div class="tip">
 
                   
                    <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
            <br />
                                 
<blockquote class="tooltipL">{catrow.forumrow.FORUM_DESC}</blockquote>
               
             
 </div>
<br>
<br>
            </h{catrow.forumrow.LEVEL}>
            <span class="genmed"></span>

                    </td>
            <td class="row3 over" align="center" valign="middle" height="50">
                        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
                    </td>
                    <td class="row3" align="center" valign="middle" height="50">
             
            <div style="width: 136px; height: 18px; margin-top: 3px" id="A7medvirus">
                    <font face="Tahoma"><span style="font-size: 8pt">المواضيع :  {catrow.forumrow.TOPICS}</span></font>
                </div>

            <div style="width: 136px; height: 18px; margin-top: 3px" id="HiMa-ElMaSrY">
                    <font face="Tahoma"><span style="font-size: 8pt">المشاركات : {catrow.forumrow.POSTS}</span></font>
                </div>
                    </td>
<td class="row3" align="center" valign="middle" height="50">

<ul id="topMenu"><li class="" onmouseover="this.className = 'over';" onmouseout="this.className = '';"></li><li class="" onmouseover="this.className = 'over';" onmouseout="this.className = '';"><img src="http://i23.servimg.com/u/f23/16/43/22/50/modera10.gif" alt="المشرفون"><ul style="width: 200px; top: 10px; left: 20px;" -3px;="" 25px;="" 50%="" top:="" 26px;="" left:="" 10px;=""><li><table class="forumline" width="100%" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="row1" onmouseover='this.className="row2"' onmouseout='this.className="row1"' width="100%"><span class="mod text">                <!-- BEGIN switch_moderators_links -->
    <font size="2">الإشراف:{catrow.forumrow.switch_moderators_links.MODERATORS}</font>
    <!-- END switch_moderators_links --></span></a></td></tr></tbody></table></li></ul></li></ul><table dir="ltr" border="0" cellpadding="0" cellspacing="0"><style>#topMenu{padding: 0;margin: 0;list-style: none;}#topMenu li{float: left;list-style:none;position: relative;}#topMenu li ul{display: none;position: absolute;left: 0;padding: 0;margin: 0;}#topMenu li:hover ul, #topMenu li.over ul{display: block;}</style></table>
 </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><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->