miyako (11 Февраль 2013 - 10:03) писал:
Есть Вопросы По Переделке Шаблона
#61
Отправлено 11 Февраль 2013 - 14:12
#62
Отправлено 11 Февраль 2013 - 14:20
miyako (11 Февраль 2013 - 08:09) писал:
<!-- Верхний блок навигации --> <div id="mainNav"> <ul id="mainmenu"> <li class="first"><div><a href="http://{NET_DOMAIN}/" title="На главную">Главная</a> </div></li> <li><div><a href="{CATALOG_URL}" title="Каталог товаров">Каталог товаров</a> <ul class="podmenu1"> {% FOR menu %} {% FOR header1 %} {% FOR links %} <li class="podmenu11"><a href="{menu.header1.links.URL}" {% IF menu.header1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header1.links.TITLE %}title="{menu.header1.links.TITLE}"{% ENDIF %}>{menu.header1.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> </li> <li><div><a href="/page/Доставка" title="Доставка и оплата">Доставка и оплата</a> </div></li> <li><div><a href="/page/контакты" title="Контакты">Контакты</a></div> </li> {% IF ORDER_FORM_CONTACT_WANT_REGISTER %}<li><div><a href="/user/settings" title="Личный кабинет">Личный кабинет</a></div> </li> {% ENDIF %} {% IFNOT ORDER_FORM_CONTACT_WANT_REGISTER %}<li class="last"><div><a href="/user/login" title="Войти в ЛК">Войти в ЛК</a></div> </li> {% ENDIF %} {% IF ORDER_FORM_CONTACT_WANT_REGISTER %}<li class="last"><div><a href="/user/logout" title="Выйти в ЛК">Выход</a></div> </li> {% ENDIF %} </ul> <div class="clr"></div> </div> <!-- end Верхний блок навигации -->
#63
Отправлено 11 Февраль 2013 - 14:34
#64
Отправлено 11 Февраль 2013 - 14:55
kirill-lavrov82 (11 Февраль 2013 - 14:34) писал:
<!-- Верхний блок навигации --> <div class="containerin" id="top-menu"> <ul class="pad-box cont620" id="mainmenu"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> <div class="clr"></div> </div> <!-- end Верхний блок навигации --> </div>Извините, привязывать не нужно. Просто создать с именем переменной header1, и добавить пункты меню всех каталогов в этот блок меню
#65
Отправлено 11 Февраль 2013 - 15:02
miyako (11 Февраль 2013 - 14:55) писал:
<!-- Верхний блок навигации --> <div class="containerin" id="top-menu"> <ul class="pad-box cont620" id="mainmenu"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> <div class="clr"></div> </div> <!-- end Верхний блок навигации --> </div>Извините, привязывать не нужно. Просто создать с именем переменной header1, и добавить пункты меню всех каталогов в этот блок меню
#67
Отправлено 11 Февраль 2013 - 17:17
kirill-lavrov82 (11 Февраль 2013 - 15:12) писал:
Найдите в main.css блок
#mainNav ul { background: url("/web/upload/assets/images/164/163449/nav_bg_right.gif") no-repeat scroll right bottom transparent; border-collapse: collapse; border-spacing: 0; float: left; height: 30px; margin: auto; padding: 5px 5px 0 0; }
и измените его на
#mainNav ul { background: url("/web/upload/assets/images/164/163449/nav_bg_right.gif") no-repeat scroll right bottom transparent; border-collapse: collapse; border-spacing: 0; float: left; height: 30px; margin: auto; padding: 0 5px 0 0; }
#68
Отправлено 13 Февраль 2013 - 20:42
#69
Отправлено 13 Февраль 2013 - 23:24
#70
Отправлено 15 Февраль 2013 - 07:08
Цитата
<ul>
<li id="menu-item-129" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-129"><a href="http://dlyasnoff.ru/...ИЕ-КПБ">ДЕТСКИЕ КПБ</a>
<ul class="sub-menu">
<li id="menu-item-31" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-31"><a href="http://dlyasnoff.ru/...го-сатин">Танго Сатин</a></li>
<li id="menu-item-32" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32"><a href="http://dlyasnoff.ru/...а-Лиза</a></li>
<li id="menu-item-33" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33"><a href="http://dlyasnoff.ru/...с-премиум">Норд Текс премиум</a></li>
<li id="menu-item-206" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-206"><a href="http://dlyasnoff.ru/...тье-Шуя">Мамино счастье Шуя</a></li>
</ul>
</li>
<li id="menu-item-36" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-36"><a href="http://dlyasnoff.ru/.../Бязь">Бязь</a>
<ul class="sub-menu">
<li id="menu-item-37" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-37"><a href="http://dlyasnoff.ru/...а">Миланика</a>
<li id="menu-item-84" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-84"><a href="http://dlyasnoff.ru/...а-Лиза</a></li>
<li id="menu-item-118" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-118"><a href="http://dlyasnoff.ru/...Ночь">Волшебная ночь</a></li>
<li id="menu-item-116" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-116"><a href="http://dlyasnoff.ru/.../Шуя-Грани">Шуя "Грани"</a>
<ul class="sub-menu">
</ul>
</li>
</ul>
</li>
</ul>
Уже постарался под себя сделать. Так вот вопросы, правильный ли код я взял, и не пойму как для него стили прописывать???
Пробовал вставлять вместо нынешнего каталога вот вместо этого
Цитата
<ul id="subNavigation">
{%IFNOT catalog_empty %}
{% FOR catalog %}
{% IFNOT catalog.HIDE %}
<li>
<a href="{catalog.URL}"
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
{% IF catalog.CURRENT %}class="selected"{% ENDIF %}
>{catalog.NAME}</a>
</li>
{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}
</ul>
Появилось меню только все развернутое, помогите пожалуйста довести до ума, или направьте в нужную сторону как стили добавить.
#71
Отправлено 15 Февраль 2013 - 07:41
kirill-lavrov82 (15 Февраль 2013 - 07:08) писал:
Уже постарался под себя сделать. Так вот вопросы, правильный ли код я взял, и не пойму как для него стили прописывать???
Пробовал вставлять вместо нынешнего каталога вот вместо этого
Появилось меню только все развернутое, помогите пожалуйста довести до ума, или направьте в нужную сторону как стили добавить.
Попробуйте добавить такой код вместо левого вертикального меню в шаблоне HTML:
<div style="float:left" > <div id="firstpane" class="menu_list"> <p class="menu_head">Каталог1</p> <div class="menu_body"> <a href="#">Главная</a> <a href="#">Форум</a> <a href="#">Блог</a> <a href="#">Контакты</a> <a href="#">О проекте</a> </div> <p class="menu_head">Каталог2</p> <div class="menu_body"> <a href="#">Новости</a> <a href="#">Статьи</a> <a href="#">Закачки</a> </div> <p class="menu_head">Каталог3</p> <div class="menu_body"> <a href="#">Мои друзья</a> <a href="#">Мои сообщения</a> <a href="#">Мои файлы</a> <a href="#">Выйти</a> </div> </div> </div> <script type="text/javascript"> $(document).ready(function() { $("#firstpane p.menu_head").click(function() { $(this).css({backgroundImage:"url({ASSETS_IMAGES_PATH}down.png)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow"); $(this).siblings().css({backgroundImage:"url({ASSETS_IMAGES_PATH}left.png)"}); }); }); </script>Не забудьте добавить ссылки на подкаталоги и назвать их соответственно
и перед тегом </head> такой код:
<style> .menu_list { width: 150px; } .menu_head { padding: 5px 10px; cursor: pointer; position: relative; margin:1px; font-weight:bold; background: #333 url({ASSETS_IMAGES_PATH}left.png) center right no-repeat; color:#fff; } .menu_body { display:none; } .menu_body a{ display:block; color:#555; background-color:#999; padding-left:10px; font-weight:bold; text-decoration:none; } .menu_body a:hover{ color: #333; text-decoration:underline; } </style>
Также загрузите прикрепленные картинки в Файлы (Сайт->Редактор тем->Файлы):
#72
Отправлено 15 Февраль 2013 - 08:16
miyako (15 Февраль 2013 - 07:41) писал:
<style> .menu_list { width: 150px; } .menu_head { padding: 5px 10px; cursor: pointer; position: relative; margin:1px; font-weight:bold; background: #333 url({ASSETS_IMAGES_PATH}left.png) center right no-repeat; color:#fff; } .menu_body { display:none; } .menu_body a{ display:block; color:#555; background-color:#999; padding-left:10px; font-weight:bold; text-decoration:none; } .menu_body a:hover{ color: #333; text-decoration:underline; } </style>
#75
Отправлено 15 Февраль 2013 - 21:24
#76
Отправлено 16 Февраль 2013 - 04:00
#78
Отправлено 16 Февраль 2013 - 10:05
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных