Измененное левое меню (Каталог)

Тема в разделе "Shop-script", создана пользователем simbion, 30 июн 2008.

Статус темы:
Закрыта.
  1. simbion

    simbion Постоялец

    Регистр.:
    5 апр 2006
    Сообщения:
    59
    Симпатии:
    1
    Помогите решить проблему.
    Нужно переделать Левое меню (category_tree.tpl.html), чтобы было как на сайте www.maxi-market.ru.
    В приведенном внизу коде (картинка справу), уже все готово. Вот только одна мелочь.
    Когда активен один из пунктов подменю пропадает отступ сверху в 17px (padding-top:17px;).
    Ну вообщем, нужно, что-бы было как на картинке слева...
    Спасибо.

    PHP:
    <table width="200" cellspacing="0" cellpadding="0" border="0">
    {
    section name=i loop=$categories_tree}

    {if 
    $categories_tree[i].categoryID != 1}

    {if 
    $categoryID == $categories_tree[i].categoryID} <!-- Если АКТИВНО-->


    {if 
    $categories_tree[i].level 1} <!-- Активно -->
    <
    tr>
    <
    td valign="top" style="padding-top:22px;"><img src="images/2.gif" width="5" height="5"></td>
    <
    td valign="top" style="padding-top:17px;padding-left:2px;"><a href="index.php?categoryID={$categories_tree[i].categoryID}style="color: #666666;font: 11px Tahoma, Helvetica, sans-serif;padding:0px 0px 0px 1px;margin:0px 0px 0px 0px;">{$categories_tree[i].name}</a></td>
    </
    tr> <!-- ДОПОЛНИТЕЛЬНОЕ -->
    {else}
    <
    tr>
    <
    td valign="top" style="padding-top:12px;"><img vspace="2" src="images/1.gif" width="7" height="7"></td>
    <
    td valign="top" style="padding-top:9px;padding-bottom:16px;padding-left:7px;"><a href="index.php?categoryID={$categories_tree[i].categoryID}style="font:12px Arial, Helvetica, sans-serif; font-weight: bold;">{$categories_tree[i].name}</a></td>
    </
    tr> <!-- ГЛАВНОЕ -->
    {/if}

    {else} <!-- 
    Если НЕ АКТИВНО-->

    {if 
    $categories_tree[i].level 1} <!-- Не активно -->
    <
    tr>
    <
    td valign="top" style="padding-top:6px;"><img src="images/2.gif" width="5" height="5"></td>
    <
    td valign="top" style="padding-top:1px;padding-left:2px;"><a href="index.php?categoryID={$categories_tree[i].categoryID}style="color: #666666;font: 11px Tahoma, Helvetica, sans-serif;padding:0px 0px 0px 1px;margin:0px 0px 0px 0px;">{$categories_tree[i].name}</a></td>
    </
    tr> <!-- ДОПОЛНИТЕЛЬНОЕ -->
    {else}
    <
    tr>
    <
    td valign="top" style="padding-top:12px;"><img vspace="2" src="images/1.gif" width="7" height="7"></td>
    <
    td valign="top" style="padding-top:9px;padding-left:7px;"><a href="index.php?categoryID={$categories_tree[i].categoryID}style="font:12px Arial, Helvetica, sans-serif; font-weight: bold;">{$categories_tree[i].name}</a></td>
    </
    tr> <!-- ГЛАВНОЕ -->
    {/if}

    {/if}



    {/if}
    {/
    section}
    </
    table>
     

    Вложения:

    • 1.gif
      1.gif
      Размер файла:
      2,8 КБ
      Просмотров:
      7
    • 2.gif
      2.gif
      Размер файла:
      2,8 КБ
      Просмотров:
      9
  2. simbion

    simbion Постоялец

    Регистр.:
    5 апр 2006
    Сообщения:
    59
    Симпатии:
    1
    Для специалиста разобраться в этом вопросе - максимум 1 минута) Помогите!
     
  3. fominsa

    fominsa

    Регистр.:
    12 фев 2008
    Сообщения:
    234
    Симпатии:
    229
    а что ты хотел у тебя падинг скачет от активной строки тоесть если у тебя активная alcohol free то именно у этой ячейки будет падинг 17px на твоем бы месте в данном случае я бы обошелся без CSS и натягивал бы дополнительной строкой.
    PHP:
    <table width="200" cellspacing="0" cellpadding="0" border="0"
    {
    section name=i loop=$categories_tree
    {if 
    $categories_tree[i].categoryID != 1}
    {
    math equation="xx+1" xx=$smarty.section.i.index assign="y"}
    {if 
    $categoryID == $categories_tree[i].categoryID} <!-- Если АКТИВНО--> 
    {if 
    $categories_tree[i].level 1} <!-- подкатегория активная --> 
        <
    tr
            <
    td valign="top" style="padding-top:6px;"><img src="images/2.gif" width="5" height="5"></td
            <
    td valign="top" style="padding-left:2px;"><a href="index.php?categoryID={$categories_tree[i].categoryID}style="color: #000099;font: 11px Tahoma, Helvetica, sans-serif;padding:0px 0px 0px 1px;margin:0px 0px 0px 0px;">{$categories_tree[i].name}</a></td
        </
    tr>
    {else}  <!-- 
    главная категория активная --> 
        <
    tr
            <
    td valign="top" style="padding-top:12px;"><img vspace="2" src="images/1.gif" width="7" height="7"></td
            <
    td valign="top" style="padding-top:9px;padding-left:7px;"><a href="index.php?categoryID={$categories_tree[i].categoryID}style="font:12px Arial, Helvetica, sans-serif; color: #000099;font-weight: bold;">{$categories_tree[i].name}</a></td
        </
    tr
    {if 
    $categories_tree[$y].level>$categories_tree[i].level}    <tr><td colspan="2" height="17"></td></tr>{/if}
    {/if} 
    {else} <!-- 
    Если НЕ АКТИВНО--> 
    {if 
    $categories_tree[i].level 1} <!-- подкатегория --> 
        <
    tr
            <
    td valign="top" style="padding-top:6px;"><img src="images/2.gif" width="5" height="5"></td
            <
    td valign="top" style="padding-left:2px;"><a href="index.php?categoryID={$categories_tree[i].categoryID}style="color: #666666;font: 11px Tahoma, Helvetica, sans-serif;padding:0px 0px 0px 1px;margin:0px 0px 0px 0px;">{$categories_tree[i].name}</a></td
        </
    tr
    {else} <!-- 
    главная категория не активная! -->
        <
    tr
            <
    td valign="top" style="padding-top:12px;"><img vspace="2" src="images/1.gif" width="7" height="7"></td
            <
    td valign="top" style="padding-top:9px;padding-left:7px;"><a href="index.php?categoryID={$categories_tree[i].categoryID}style="font:12px Arial, Helvetica, sans-serif; font-weight: bold;">{$categories_tree[i].name}</a></td
        </
    tr>
    {if 
    $categories_tree[$y].level>$categories_tree[i].level}    <tr><td colspan="2" height="17"></td></tr>{/if}
    {/if} 
    {/if} 
    {/if} 
    {/
    section
    </
    table
    активную тстроку в данный момент еще бы не полохо было бы выделить либо цветом либо жирным шрифтом я ее выделил синим цветом
     
    ndmitry и simbion нравится это.
  4. simbion

    simbion Постоялец

    Регистр.:
    5 апр 2006
    Сообщения:
    59
    Симпатии:
    1
    Теперь работает как надо! Спасибо!
    (P.S.:возился с этим вопросом часов 8..., потом решил отписать на форуме)
     
Статус темы:
Закрыта.