din: Cum as putea pune zapada pe bara de la categorie?

SSYT a scris:

Cod:

  
<!-- BEGIN catrow --><!-- BEGIN tablehead --></br><div class="forum-event e8c100"><div class="col-span-forum col-span-forum-1"></div><div class="col-span-forum col-span-forum-2"></div><div class="col-span-forum col-span-forum-3"></div></div><table class="forumline" width="100%" border="0" cellspacing="0" 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"></th>
      
      <th nowrap="nowrap" width="130"><div style="width:150px;">{L_LASTPOST}</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%" style="border-right: none">
        <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" style="border-right: none;border-left: 1px solid #555;border-bottom: 1px solid #555;">
            <div class="descriere2">{catrow.forumrow.FORUM_DESC}</div>
          </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50"  style="border-right: none;border-bottom: 1px solid #555;">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>   <div class="status_mesaje">   <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                  </div><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
                
                  <div class="descriere"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
         <span class="gensmall">
          
          
          
          
        
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </span>
      </td>
    
      <td class="row2" align="center" valign="middle" height="50"  style="border-right: none;border-left: none;border-bottom: 1px solid #555;">
        <span class="gensmall"><div class="stats" style="width: 90px"><strong><span style="color: #ff6600;">SUBIECTE</span></strong> {catrow.forumrow.TOPICS}</div>
          <div class="stats" style="width: 90px"><strong><span style="color: #ff6600;">MESAJE</span></strong> {catrow.forumrow.POSTS}</div>
        </span>
      </td>
        <td class="row3 over" align="center" valign="middle" height="50"  style="border-left: none;border-bottom: 1px solid #555;border-right: 1px solid #555;">
        <div class="gensmall chenarlastposts" style="width: 200px"><div class="lastpost"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></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>
<div class="aha"></div><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
  

In foaia de stil CSS:

Cod:

.forum-event {
    width: 100%;
    background: url(http://i21.servimg.com/u/f21/11/80/17/98/hohoho11.png) 0 -59px;
    margin-top: -13px;
    position: relative;
    top: 25px;
}

.col-span-forum-1 {
    background: url(http://i21.servimg.com/u/f21/11/80/17/98/hohoho11.png) -22px -17px;
    width: 200px;
    height: 25px;
}

.col-span-forum-3 {
    background: url(http://i21.servimg.com/u/f21/11/80/17/98/hohoho11.png) 2.1% -87px;
    width: 100px;
    height: 52px;
    position: absolute;
    top: 0px;
    margin-top: -23px;
    right: -2px;
}