Картинки на пункты меню

#
Картинки на пункты меню
Вопрос такой: Есть ли возможность разделить вывод картинок на пункты и подпункты меню. Т.е. Что бы на пункт меню давалась одна картинка на подпункт другая. Если делать background чисто для ссылок - получится плохо. Сейчас сделано так:



<?xml version="1.0" encoding="windows-1251"?>
<!DOCTYPE xsl:stylesheet>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
   <xsl:output xmlns="http://www.w3.org/TR/xhtml1/strict" doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN" encoding="Windows-1251" indent="yes" method="html" omit-xml-declaration="no" version="1.0" media-type="text/xml"/>
   
   <xsl:template match="/document">
      
      <table valign="top" width="210px" cellspacing="0" cellpadding="0" style="margin-left: 4px; margin-right:4px;">
         <tr>
            <td width="100%" class="menu_line"></td>
         </tr>
         <!-- Выбираем узлы структуры -->
         <xsl:apply-templates select="structure[show=1]"/>
      </table>
   </xsl:template>
   
   <xsl:template match="structure">
      
      <!-- Запишем в константу ID структуры, данные для которой будут выводиться пользователю -->
      <xsl:variable name="current_structure_id" select="/document/structure/current_structure_id"/>
      
      <tr>
         <td >
            
            <!-- Расчитываем размер отступа -->
            <xsl:variable name="padding" select="level * 15"/>
            
            <div style="padding-left: {$padding}px;">
               
               
               <!-- Показывать ссылку, или нет -->
               <xsl:if test="show_link=1">
                  
                  <!-- Определяем адрес ссылки -->
                  <xsl:variable name="link">
                     <xsl:choose>
                        <!-- Если внешняя ссылка -->
                        <xsl:when test="is_external_link=1">
                           <xsl:value-of disable-output-escaping="yes" select="external_link"/>
                        </xsl:when>
                        <!-- Иначе если внутренняя ссылка -->
                        <xsl:otherwise>
                           <xsl:value-of disable-output-escaping="yes" select="link"/>
                        </xsl:otherwise>
                     </xsl:choose>
                  </xsl:variable>
                  
                  <!-- Определяем стиль вывода ссылки -->
                  <xsl:variable name="link_style">
                     <xsl:choose>
                        <!-- Выделяем текущую страницу жирным (если это текущая страница, либо у нее есть ребенок с ID, равным текущей) -->
                        <xsl:when test="current_structure_id=@id or count(.//structure[@id=$current_structure_id])=1">color: #FFF;</xsl:when>
                        <!-- Иначе обычный вывод с пустым стилем -->
                        <xsl:otherwise></xsl:otherwise>
                     </xsl:choose>
                  </xsl:variable>
                  
                  <!-- Определяем стиль отображениия пункта меню-->
                  <xsl:variable name="menu_link_style">
                     <xsl:choose>
                        <!-- Отображаем подпункт другим цветом и изменяем размер шрифта -->
                        <xsl:when test="level &gt; 0">
                           <xsl:value-of select="concat($link_style, 'color: #000; font-size: 14pt; ')"/>
                        </xsl:when>
                        <!-- Иначе обычный вывод с пустым стилем -->
                        <xsl:otherwise></xsl:otherwise>
                     </xsl:choose>
                  </xsl:variable>
                  
                  <a href="{$link}" class="menu_p" style="font-size:18px; font-family: arial; font-family: arial; text-decoration: none;">
                  <xsl:if test="current_structure_id=@id or count(.//structure[@id=$current_structure_id])=1"><xsl:attribute name="style">text-decoration:none; font-size:18px; color: #FFF; </xsl:attribute></xsl:if>
                     <div  style="width: 210px; height: 50px;  background: url('/images/button1.jpg');" align="center" >
                        <span style="{$menu_link_style}">
                           <xsl:value-of disable-output-escaping="yes" select="name"/>
                        </span>
                     </div>
                  </a>
                  
               </xsl:if>
               
               <!-- Если не показывать ссылку - выводим просто имя ссылки -->
               <xsl:if test="show_link=0">
                  <xsl:value-of disable-output-escaping="yes" select="name"/>
               </xsl:if>
            </div>
         </td>
      </tr>
      <tr>
         <td width="100%" class="menu_line" height="10"></td>
      </tr>
      
      <!-- Подпункты выводим для текущего узла и его подпунктов -->
      <xsl:if test="@id = $current_structure_id or count(.//structure[@id=$current_structure_id])=1">
         <xsl:apply-templates select="structure[show=1]"/>
      </xsl:if>
   </xsl:template>
</xsl:stylesheet>

#
Re: Картинки на пункты меню
Была идея как то через css... Но пока не могу понять, как)
Модератор
#
Re: Картинки на пункты меню
simbik,
Используйте доп. св-ва структуры сайта, примеры точно были, воспользуйтесь поиском.
Загружаете картинку в доп. св-во узла структуры и выводите в XSL
Авторизация