Janna_Brauer (28 Январь 2016 - 15:31) писал:
Добрый день снова!
Есть сайт. На нем есть меню, прописанное кодом в дизайне.
Есть другой сайт, на который этот дизайн надо скопировать.
Вопрос. Скопирую я дизайн, поменяю код - это все понятно. Но сайтом позже будет пользоваться юзер, в кодах не смыслящий от слова совсем. Есть ли возможность готовое меню, созданное в сайте, на который я перенесу дизайн, прописать блоком? привязать готовый блок к местности, так сказать? Не знаю, понятно ли объяснила, но в целом так:
меню с сайта, откуда перенесу дизайн:
http://savepic.ru/8480149.png
меню сайта с шаблоном "сияние":
http://savepic.ru/8464789.png
Здравствуйте, правильно я вас понимаю, Вы хотите из шаблона
лето, взять верхний каталог и перенести его на шаблон
сияние.?
Для этого найдите в шаблоне HTML
<!-- Верхний блок навигации -->
<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>
после вставьте
<!-- BEGIN: Main Navigation -->
<div id="custommenu">
<ul class="mainnav">
{%IFNOT catalog_full_empty%}
{%FOR catalog_full%}
{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
<li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}">
<a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" title="{catalog_full.NAME}"><span>{catalog_full.NAME}</span></a>
{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
{% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
{%ENDFOR%}
{%ENDIF%}
</ul>
</div>
<!-- END: Main Navigation -->
в конец main.css добавьте
/* Каталог в шапке */
#custommenu {z-index:1;position: static;}
#custommenu ul.mainnav {overflow: hidden;max-height: 76px;position: static;}
#custommenu ul.mainnav:before, #custommenu ul.mainnav:after {content: " ";display: table;}
#custommenu ul.mainnav:after {clear: both;}
#custommenu ul.mainnav li.level0 {display: inline-block;float:left;border: none;height: 38px;}
#custommenu ul.mainnav li.level0.active > a, #custommenu ul.mainnav li.level0:hover > a {color: #18bd9c;}
#custommenu ul.mainnav li.level0:first-child {padding-left: 0;}
#custommenu ul.mainnav li.level0 > a {display: block;padding: 10px 15px;color: #404040;text-transform: uppercase;position: relative;letter-spacing: 0.2px;}
#custommenu ul.mainnav li.level0 > a span {position: relative;}
#custommenu ul.mainnav li.level0 > a span:before {height: 1px;width: 0%;bottom: -2px;position: absolute;background: #b1b1b1;content: "";}
#custommenu ul.mainnav li.level0.active > a span:before, #custommenu ul.mainnav li.level0:hover > a span:before {width: 100%;content: "";}
#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;width:100%;left: 0;background: #ffffff;z-index: 999;padding: 0px 20px 10px;overflow-y: hidden;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}
#custommenu ul.mainnav li.parent:hover ul.dropdown-menu {display: block;visibility: visible;opacity: 1;filter: alpha(opacity=100);-khtml-opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transform-origin: top center;-moz-transform-origin: top center;transform-origin: top center;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}
#custommenu ul.mainnav li.level0.parent a.title-lv0:after {content: "\f107";font-family: FontAwesome;position: relative;left: 5px;}
#custommenu ul.mainnav li.level0.parent:hover a.title-lv0:after {color: #18bd9c;}
#custommenu ul.mainnav li.level1 {width: 24%;float: left;margin-right: 1%;}
#custommenu ul.mainnav li.level1:last-child {margin-right: 0;}
#custommenu ul.mainnav li a.title-lv1 {font-size: 18px;font-weight: normal;display: block;color: #404040;text-transform: uppercase;padding: 10px 0px;margin-right: 10px;position: relative;line-height: 22px;overflow: hidden;}
#custommenu ul.mainnav li a.title-lv1 span {position: relative;}
#custommenu ul.mainnav li a.title-lv1 span:after {height: 1px;width: 100%;bottom: -2px;left: 0;position: absolute;background: #b1b1b1;content: "";}
#custommenu ul.mainnav li a.title-lv1:hover {color: #18bd9c;}
#custommenu ul.mainnav li a.title-lv2 {font-weight: normal;text-transform: capitalize;padding: 5px 0px;display: block;position: relative;}
.hide-cat {display:none;}
1
