Перейти к содержимому


Публикации Elif

116 публикаций создано Elif (учитываются публикации только с 25-Апрель 23)


По типу контента

По пользователю


Сортировать                 Порядок  

#120450 Выпадающее Меню

Отправлено от Elif в 07 Февраль 2014 - 13:21 в Изменение общей стилистики

Просмотр сообщенияempty9228 (07 Февраль 2014 - 12:30) писал:

Здравствуйте вы путь неправильно указали, попробуйте
В файле css код

#mainheader {
position: relative;
clear:both;
background: url('437650 (9).jpg') center;
}

замените на

#mainheader {
position: relative;
clear:both;
background: url('{ASSETS_IMAGES_PATH}437650 (9).jpg') center;
}

перед именем файла нужно указать переменную пути {ASSETS_IMAGES_PATH}.
К сожалению не помогло, картинка исчезла после установки вот этого кода, может тут что то изменить? 
<div class="left-menu" id="headermenu">
																																																<!-- Блок навигации -->
																																{% IFNOT menu_empty %}
																																  <ul>
																																																{% FOR menu %}
																																																  {% FOR header %}
																																																																{% FOR links %}
																																																																  <li class="root_menu {% IF menu.header.links.SELECTED %}active{% ENDIF %}" >
																																																																																<a href="{menu.header.links.URL}" class="root_link" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} ><span>{menu.header.links.NAME}</span></a>
																																																																  </li>
																																																																{% ENDFOR %}
																																																  {% ENDFOR %}
																																																{% ENDFOR %}
																																  </ul>
																																{% ENDIF %}
																																{% IFNOT menu_empty %}
																																  <ul class="accordion_main">
																																																<li class="parent">Меню
																																																  <ul class="accordion">
																																																																{% FOR menu %}
																																																																  {% FOR header %}
																																																																																{% FOR links %}
																																																																																  <li class="root_menu {% IF menu.header.links.SELECTED %}active{% ENDIF %}">
																																																																																																<a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} class="root_link">{menu.header.links.NAME}</a>
																																																																																  </li>
																																																																   {% ENDFOR %}
																																																																  {% ENDFOR %}
																																																																{% ENDFOR %}
																																																  </ul>
																																																</li>
																																  </ul>
																																{% ENDIF %}
																																  </div>
и в css.
.header-block #headermenu {
		padding: 0;
		width: 67% !important;
}


#120426 Выпадающее Меню

Отправлено от Elif в 07 Февраль 2014 - 10:54 в Изменение общей стилистики

Просмотр сообщенияCastiel (06 Февраль 2014 - 20:12) писал:

Здравствуйте, добавьте в style.css стили для верхнего меню
#headermenutop {
height: 100px;
}
#headermenutop {
height: 20px;
padding: 25px 0;
}
#headermenutop ul{
list-style:none;
text-align: center;
letter-spacing: 1px;
}
#headermenutop li{
list-style:none;
display:inline-block;
*display:inline;
zoom:1;
}
#headermenutop li a{
		 display:block;
		 float:left;
		 height:66px;
		 color:#fff;
		 text-transform:uppercase;
		 font-size:12px;
		 font-weight:bold;
		 background:url({ASSETS_IMAGES_PATH}menu_left.jpg) no-repeat left;
		 line-height:43px;
		 padding:0 0 0 7px;
		 text-decoration:none;
}
#headermenutop li a span {
background: url({ASSETS_IMAGES_PATH}menu_right.jpg) no-repeat scroll right top rgba(0, 0, 0, 0);
color: #1f1429;
display: block;
float: left;
height: 45px;
line-height: 43px;
padding: 0 14px 0 6px;
}
		 #headermenutop li a:hover{
		 display:block;
		 float:left;
		 background:url({ASSETS_IMAGES_PATH}menu_left_h.jpg) no-repeat left;
		 height:66px;
		 }
		 #headermenutop li a:hover span{
		 display:block;
		 float:left;
		 background:url({ASSETS_IMAGES_PATH}menu_right_h.jpg) no-repeat right;
		 color:#1f1429;
		 height:66px;
		 }
#headermenutop li a.current{
		 display:block;
		 float:left;
		 height:66px;
		 color:#fff;
		 text-transform:uppercase;
		 font-size:11px;
		 font-weight:bold;
		 background:url({ASSETS_IMAGES_PATH}menu_left_h.jpg) no-repeat left;
		 line-height:43px;
		 padding:0 0 0 7px;
		 text-decoration:none;
}
#headermenutop li a.current span{
		 display:block;
		 float:left;
		 background:url({ASSETS_IMAGES_PATH}menu_right_h.jpg) no-repeat right;
		 height:66px;
		 color:#fff;
		 line-height:43px;
		 padding:0 14px 0 6px;
}
#headermenutop li:first-child, li.first-child {
margin: 0; /* убираем отступ у первого элемента, чтобы было дейсвительно по середине */
}
* html #headermenutop li {
z-index: expression( /* оптимизированный expression, который сработает только при загрузке страницы */
runtimeStyle.zIndex = 1,
this == parentNode.firstChild ? (className += " first-child") : 0 /* добавляем нужный класс первому элементу */
)
}
#headermenutop li a,#headermenutop li a span, #headermenutop li a:hover, #headermenutop li a:hover span, #headermenutop li a.current, #headermenutop li a.current span{
float:none;
display:inline-block;
*display:inline;
zoom:1;
}
.header-block #headermenutop {
	 padding: 0;
	 width: 67% !important;
	 left: 25px;
}

Далее редактируем шаблон HTML
Находим 65 строку
<div class="left-menu" id="headermenu">
Заменяем на
<div class="left-menu" id="headermenutop">

Чтобы изменить цвет меню, вам необходимо отредактировать данные куски
#headermenutop li a{
		 display:block;
		 float:left;
		 height:66px;
		 color:#fff;
		 text-transform:uppercase;
		 font-size:12px;
		 font-weight:bold;
		 background:url({ASSETS_IMAGES_PATH}menu_left.jpg) no-repeat left;
		 line-height:43px;
		 padding:0 0 0 7px;
		 text-decoration:none;
}
#headermenutop li a span {
background: url({ASSETS_IMAGES_PATH}menu_right.jpg) no-repeat scroll right top rgba(0, 0, 0, 0);
color: #1f1429;
display: block;
float: left;
height: 45px;
line-height: 43px;
padding: 0 14px 0 6px;
}
		 #headermenutop li a:hover{
		 display:block;
		 float:left;
		 background:url({ASSETS_IMAGES_PATH}menu_left_h.jpg) no-repeat left;
		 height:66px;
		 }
		 #headermenutop li a:hover span{
		 display:block;
		 float:left;
		 background:url({ASSETS_IMAGES_PATH}menu_right_h.jpg) no-repeat right;
		 color:#1f1429;
		 height:66px;
		 }
#headermenutop li a.current{
		 display:block;
		 float:left;
		 height:66px;
		 color:#fff;
		 text-transform:uppercase;
		 font-size:11px;
		 font-weight:bold;
		 background:url({ASSETS_IMAGES_PATH}menu_left_h.jpg) no-repeat left;
		 line-height:43px;
		 padding:0 0 0 7px;
		 text-decoration:none;
}
#headermenutop li a.current span{
		 display:block;
		 float:left;
		 background:url({ASSETS_IMAGES_PATH}menu_right_h.jpg) no-repeat right;
		 height:66px;
		 color:#fff;
		 line-height:43px;
		 padding:0 14px 0 6px;
}

Где background:url({ASSETS_IMAGES_PATH}menu_right_h.jpg) no-repeat right; является картинкой фона, которую вам надо заменить на другую, с другим названием.
Новые картинки вы должны загрузить на сайт и указать новые названия в коде который вам написал выше.
Это просто чудо! Спасибо огромное! :wub: Только почему то картинка в фоне шапки не отображается, а в коде css. она есть, подскажите что сделать?
#mainheader {
position: relative;
clear:both;
background: url('437650 (9).jpg') center;
}


#120290 Выпадающее Меню

Отправлено от Elif в 06 Февраль 2014 - 18:35 в Изменение общей стилистики

Просмотр сообщенияAlexey11 (05 Февраль 2014 - 22:01) писал:

Найдите данный блок кода:

{% IFNOT menu_empty %}
																																 <ul>
																																															 {% FOR menu %}
																																																 {% FOR header %}
																																																															 {% FOR links %}
																																																																 <li class="root_menu {% IF menu.header.links.SELECTED %}active{% ENDIF %}" >
																																																																															 <a href="{menu.header.links.URL}" class="root_link" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} ><span>{menu.header.links.NAME}</span></a>
																																																																 </li>
																																																															 {% ENDFOR %}
																																																 {% ENDFOR %}
																																															 {% ENDFOR %}
																																 </ul>

замените его на:

{% IFNOT menu_empty %}
																																 <ul class="topmenu1">
																																															 {% FOR menu %}
																																																 {% FOR header %}
																																																															 {% FOR links %}
																																																																 <li class="root_menu {% IF menu.header.links.SELECTED %}active{% ENDIF %}" >
																																																																															 <a href="{menu.header.links.URL}" class="root_link" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} ><span>{menu.header.links.NAME}</span></a>
																																																																 </li>
																																																															 {% ENDFOR %}
																																																 {% ENDFOR %}
																																															 {% ENDFOR %}
																																 </ul>

далее добавьте данный блок кода в шаблон style.css

#topmenu1 {
text-align: left!important;
margin-top: -25px;
}
Для перемещения меню в левый верхний угол этот код не сработал

Просмотр сообщенияCastiel (05 Февраль 2014 - 22:00) писал:

Картинка меню, вам необходимо будет загрузить новую картинку с тем же названием (старую удалить)
Да, я это знаю, но дело в том что это меню создано по аналогии с нижним меню и в шаблоне css. нет кода для этого (верхнего) меню, и я не знаю где прописать путь к картинке, подскажите пожалуйста.


#120073 Выпадающее Меню

Отправлено от Elif в 05 Февраль 2014 - 19:34 в Изменение общей стилистики

Просмотр сообщенияVaccina (05 Февраль 2014 - 03:53) писал:

В HTML найдите:

<div class="left-menu">
																							 <!-- Блок навигации -->
															 {% IFNOT menu_empty %}
																 <ul id="megamenu">
																							 {% FOR menu %}
																								 {% FOR header %}
																															 {% FOR links %}
																																 <li class="root_menu {% IF menu.header.links.SELECTED %}active{% ENDIF %}" >
																																							 <a href="{menu.header.links.URL}" class="root_link" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} >{menu.header.links.NAME}</a>
																																 </li>
																															 {% ENDFOR %}
																								 {% ENDFOR %}
																							 {% ENDFOR %}
																 </ul>
															 {% ENDIF %}
															 {% IFNOT menu_empty %}
																 <ul class="accordion_main">
																							 <li class="parent">Меню
																								 <ul class="accordion">
																															 {% FOR menu %}
																																 {% FOR header %}
																																							 {% FOR links %}
																																								 <li class="root_menu {% IF menu.header.links.SELECTED %}active{% ENDIF %}">
																																															 <a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} class="root_link">{menu.header.links.NAME}</a>
																																								 </li>
																																 {% ENDFOR %}
																																 {% ENDFOR %}
																															 {% ENDFOR %}
																								 </ul>
																							 </li>
																 </ul>
															 {% ENDIF %}
																 </div>
замените на:
<div class="left-menu" id="headermenu">
																							 <!-- Блок навигации -->
															 {% IFNOT menu_empty %}
																 <ul>
																							 {% FOR menu %}
																								 {% FOR header %}
																															 {% FOR links %}
																																 <li class="root_menu {% IF menu.header.links.SELECTED %}active{% ENDIF %}" >
																																							 <a href="{menu.header.links.URL}" class="root_link" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} ><span>{menu.header.links.NAME}</span></a>
																																 </li>
																															 {% ENDFOR %}
																								 {% ENDFOR %}
																							 {% ENDFOR %}
																 </ul>
															 {% ENDIF %}
															 {% IFNOT menu_empty %}
																 <ul class="accordion_main">
																							 <li class="parent">Меню
																								 <ul class="accordion">
																															 {% FOR menu %}
																																 {% FOR header %}
																																							 {% FOR links %}
																																								 <li class="root_menu {% IF menu.header.links.SELECTED %}active{% ENDIF %}">
																																															 <a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} class="root_link">{menu.header.links.NAME}</a>
																																								 </li>
																																 {% ENDFOR %}
																																 {% ENDFOR %}
																															 {% ENDFOR %}
																								 </ul>
																							 </li>
																 </ul>
															 {% ENDIF %}
																 </div>

Далее в style.css допишите:

.header-block #headermenu {
padding: 0;
width: 67% !important;
}
Спасибо, получилось, а как можно переместить меню в верхний левый угол где можно поменять картинки отвечающие за цвет именно у этого меню?


#119802 Выпадающее Меню

Отправлено от Elif в 04 Февраль 2014 - 20:30 в Изменение общей стилистики

Просмотр сообщенияVaccina (04 Февраль 2014 - 03:30) писал:

Все верно, необходимо переделать данные стили
Можно вместо
padding: 10px;
прописать:
padding: 10px 0;
и тогда отступы будут только по вертикали
Спасибо большое, все получилось, Подскажите пожалуйста,как можно главное верхнее меню оформить таким же образом как и то с которым вы помогли? Вот его код 
#headermenu {
height: 100px;
}
#headermenu {
height: 20px;
padding: 25px 0;
}
#headermenu ul{
list-style:none;
text-align: center;
letter-spacing: 1px;
}
#headermenu li{
list-style:none;
display:inline-block;
*display:inline;
zoom:1;
}
#headermenu li a{
		 display:block;
		 float:left;
		 height:66px;
		 color:#fff;
		 text-transform:uppercase;
		 font-size:12px;
		 font-weight:bold;
		 background:url({ASSETS_IMAGES_PATH}menu_left.jpg) no-repeat left;
		 line-height:43px;
		 padding:0 0 0 7px;
		 text-decoration:none;
}
#headermenu li a span {
background: url("http://design.elif-shop.kz/menu_right.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);
color: #1f1429;
display: block;
float: left;
height: 45px;
line-height: 43px;
padding: 0 14px 0 6px;
}
		 #headermenu li a:hover{
		 display:block;
		 float:left;
		 background:url({ASSETS_IMAGES_PATH}menu_left_h.jpg) no-repeat left;
		 height:66px;
		 }
		 #headermenu li a:hover span{
		 display:block;
		 float:left;
		 background:url({ASSETS_IMAGES_PATH}menu_right_h.jpg) no-repeat right;
		 color:#1f1429;
		 height:66px;
		 }
#headermenu li a.current{
		 display:block;
		 float:left;
		 height:66px;
		 color:#fff;
		 text-transform:uppercase;
		 font-size:11px;
		 font-weight:bold;
		 background:url({ASSETS_IMAGES_PATH}menu_left_h.jpg) no-repeat left;
		 line-height:43px;
		 padding:0 0 0 7px;
		 text-decoration:none;
}
#headermenu li a.current span{
		 display:block;
		 float:left;
		 background:url({ASSETS_IMAGES_PATH}menu_right_h.jpg) no-repeat right;
		 height:66px;
		 color:#fff;
		 line-height:43px;
		 padding:0 14px 0 6px;
}
#headermenu li:first-child, li.first-child {
margin: 0; /* убираем отступ у первого элемента, чтобы было дейсвительно по середине */
}
* html #headermenu li {
z-index: expression( /* оптимизированный expression, который сработает только при загрузке страницы */
runtimeStyle.zIndex = 1,
this == parentNode.firstChild ? (className += " first-child") : 0 /* добавляем нужный класс первому элементу */
)
}
#headermenu li a,#headermenu li a span, #headermenu li a:hover, #headermenu li a:hover span, #headermenu li a.current, #headermenu li a.current span{
float:none;
display:inline-block;
*display:inline;
zoom:1;
}

Прикрепленные изображения

  • Безымянный.png


#119597 Выпадающее Меню

Отправлено от Elif в 03 Февраль 2014 - 23:03 в Изменение общей стилистики

Просмотр сообщенияne_yana (03 Февраль 2014 - 12:49) писал:

Здравствуйте,
1. В файле style.css замените
#headermenu {
width: 100%;
height: 66px;
}
на
#headermenu {
height: 66px;
}


#headermenu {
width: 100%;
height: 20px;
padding: 10px;
}
на
#headermenu {
height: 20px;
padding: 10px;
}
Здравствуйте! Спасибо, с отражением меню разобрались, но сейчас сайт по прежнему прокручивается горизонтально, и сейчас меню так же имеет отступ слева, наверное причина в этом?


#119448 Выпадающее Меню

Отправлено от Elif в 02 Февраль 2014 - 20:33 в Изменение общей стилистики

Просмотр сообщенияmiyako (31 Январь 2014 - 10:10) писал:

Затем найдите код -
#headermenu {
width: 100%;
}
и замените на -
#headermenu {
width: 100%;
height: 66px;
}

далее найдите код -
#headermenu ul{
list-style:none;
}
и замените на -
#headermenu ul{
list-style:none;
text-align: center;
}
Затем найдите код -
#headermenu li{
list-style:none;
display:block;
float:left;
}
и замените на -
#headermenu li{
list-style:none;
display:inline-block;
*display:inline;
zoom:1;
}


В самый конец style.css добавьте -
#headermenu li:first-child, li.first-child {
margin: 0; /* убираем отступ у первого элемента, чтобы было дейсвительно по середине */
}
* html #headermenu li {
z-index: expression( /* оптимизированный expression, который сработает только при загрузке страницы */
runtimeStyle.zIndex = 1,
this == parentNode.firstChild ? (className += " first-child") : 0 /* добавляем нужный класс первому элементу */
)
}
#headermenu li a,#headermenu li a span, #headermenu li a:hover, #headermenu li a:hover span, #headermenu li a.current, #headermenu li a.current span{
float:none;
display:inline-block;
*display:inline;
zoom:1;
}
Результат на скриншоте -
Спасибо большое, все получилось, только маленькие штрихи остались, помогите пожалуйста:
1)немного отцентрировать меню, а то слева отступ, а справа оно выезжает так, что появился горизонтальный бегунок прокрутки страницы
2) убрать отражающиеся блоки

Прикрепленные изображения

  • Безымянный.png


#118979 Выпадающее Меню

Отправлено от Elif в 31 Январь 2014 - 09:03 в Изменение общей стилистики

Здравствуйте, вот этот код поменяла 
#headermenu li a span {
background: url("http://design.elif-shop.kz/menu_right.jpg") no-repeat scroll right center rgba(0, 0, 0, 0);
color: #FFFFFF;
display: block;
float: left;
height: 66px;
line-height: 43px;
padding: 0 14px 0 6px;
}
А вот этих кодов в том же порядке как вы привели у меня нет 
#headermenu li a {
background: url("http://design.elif-shop.kz/menu_left.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);
color: #FFFFFF;
display: block;
float: left;
font-size: 11px;
font-weight: bold;
height: 45px;
line-height: 43px;
padding: 0 0 0 7px;
text-decoration: none;
text-transform: uppercase;
}
#headermenu li a:hover {
		background: url("http://design.elif-shop.kz/menu_left_h.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);
		display: block;
		float: left;
		height: 45px;
}
#headermenu li a:hover span {
		background: url("http://design.elif-shop.kz/menu_right_h.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);
		color: #FFFFFF;
		display: block;
		float: left;
		height: 45px;
}

#headermenu {
height: 20px;
padding: 10px;
width: 100%;
}
На данный момент код этого меню выглядит так:
#headermenu{
width:100%;
}
#headermenu ul{
list-style:none;
}
#headermenu li{
list-style:none;
display:block;
float:left;
}
#headermenu li a{
		 display:block;
		 float:left;
		 height:66px;
		 color:#fff;
		 text-transform:uppercase;
		 font-size:11px;
		 font-weight:bold;
		 background:url({ASSETS_IMAGES_PATH}menu_left.jpg) no-repeat left;
		 line-height:43px;
		 padding:0 0 0 7px;
		 text-decoration:none;
}
#headermenu li a span {
background: url("http://design.elif-shop.kz/menu_right.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);
color: #FFFFFF;
display: block;
float: left;
height: 45px;
line-height: 43px;
padding: 0 14px 0 6px;
}
		 #headermenu li a:hover{
		 display:block;
		 float:left;   
		 background:url({ASSETS_IMAGES_PATH}menu_left_h.jpg) no-repeat left;
		 height:66px;
		 }
		 #headermenu li a:hover span{
		 display:block;
		 float:left;   
		 background:url({ASSETS_IMAGES_PATH}menu_right_h.jpg) no-repeat right;
		 color:#fff;
		 height:66px;
		 }
#headermenu li a.current{
		 display:block;
		 float:left;
		 height:66px;
		 color:#fff;
		 text-transform:uppercase;
		 font-size:11px;
		 font-weight:bold;
		 background:url({ASSETS_IMAGES_PATH}menu_left_h.jpg) no-repeat left;
		 line-height:43px;
		 padding:0 0 0 7px;
		 text-decoration:none;
}
#headermenu li a.current span{ 
		 display:block;
		 float:left;
		 background:url({ASSETS_IMAGES_PATH}menu_right_h.jpg) no-repeat right;
		 height:66px;
		 color:#fff;
		 line-height:43px;
		 padding:0 14px 0 6px;
}


#118924 Выпадающее Меню

Отправлено от Elif в 31 Январь 2014 - 00:52 в Изменение общей стилистики

Просмотр сообщенияCastiel (30 Январь 2014 - 18:12) писал:

Здравствуйте, для того чтобы установить такое меню выполняем следующие инструкции.

Добавляем файлы изображения (см. в прикрепленных) через Редактор шаблонов Добавить файлы


Приступаем к редактированию шаблона HTML
Находим
<!-- Каталог товаров -->
<div id="headermenu">
{%IFNOT catalog_full_empty%}
<ul class="menuHeader" >
{%FOR catalog_full%}
<li {% IFNOT catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.CURRENT %}current{% ELSEIF catalog_full.CURRENT_PARENT %}current{% ENDIF %}">
<a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a>
</li>			
{%ENDFOR%}
</ul>
{%ENDIF%}
</div>
<!-- /Каталог товаров -->

Заменяем на
<!-- Каталог товаров -->
<div id="headermenu">
{%IFNOT catalog_full_empty%}
<ul>
{%FOR catalog_full%}
<li {% IFNOT catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.CURRENT %}current{% ELSEIF catalog_full.CURRENT_PARENT %}current{% ENDIF %}">
<a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}><span>{catalog_full.NAME}</span></a>
</li>			
{%ENDFOR%}
</ul>
{%ENDIF%}
</div>
<!-- /Каталог товаров -->

Далее добавляем данный код стилей в style.css
#headermenu{
width:100%;
}
#headermenu ul{
list-style:none;
}
#headermenu li{
list-style:none;
display:block;
float:left;
}
#headermenu li a{
	 display:block;
	 float:left;
	 height:66px;
	 color:#fff;
	 text-transform:uppercase;
	 font-size:11px;
	 font-weight:bold;
	 background:url({ASSETS_IMAGES_PATH}menu_left.jpg) no-repeat left;
	 line-height:43px;
	 padding:0 0 0 7px;
	 text-decoration:none;
}
#headermenu li a span{
	 display:block;
	 float:left;
	 background:url({ASSETS_IMAGES_PATH}menu_right.jpg) no-repeat right;
	 height:66px;
	 color:#fff;
	 line-height:43px;
	 padding:0 14px 0 6px;
}
	 #headermenu li a:hover{
	 display:block;
	 float:left;	
	 background:url({ASSETS_IMAGES_PATH}menu_left_h.jpg) no-repeat left;
	 height:66px;
	 }
	 #headermenu li a:hover span{
	 display:block;
	 float:left;	
	 background:url({ASSETS_IMAGES_PATH}menu_right_h.jpg) no-repeat right;
	 color:#fff;
	 height:66px;
	 }
#headermenu li a.current{
	 display:block;
	 float:left;
	 height:66px;
	 color:#fff;
	 text-transform:uppercase;
	 font-size:11px;
	 font-weight:bold;
	 background:url({ASSETS_IMAGES_PATH}menu_left_h.jpg) no-repeat left;
	 line-height:43px;
	 padding:0 0 0 7px;
	 text-decoration:none;
}
#headermenu li a.current span{	
	 display:block;
	 float:left;
	 background:url({ASSETS_IMAGES_PATH}menu_right_h.jpg) no-repeat right;
	 height:66px;
	 color:#fff;
	 line-height:43px;
	 padding:0 14px 0 6px;
}
Спасибо большое, все получилось! Только меню отражающееся, поэтому слайдер съехал, помогите поправить. И подскажите, можно как нибудь сделать чтобы отражения этого меню не было видно - например слайдер наложить или еще как нибудь?

Прикрепленные изображения

  • Безымянный.png


#118839 Выпадающее Меню

Отправлено от Elif в 30 Январь 2014 - 17:33 в Изменение общей стилистики

Просмотр сообщенияmiyako (30 Январь 2014 - 13:19) писал:

В шаблоне HTML в самом конце удалите код -
<div id="menu">
<ul>
<li><a href="#" class="current"><span>Главная</span></a></li>
<li><a href="#"><span>Регистрация</span></a></li>
<li><a href="#"><span>Поиск</span></a></li>
<li><a href="#"><span>Карта сайта</span></a></li>
<li><a href="#"><span>О нас</span></a></li>	
</ul>

Можете дать ссылку с работающим демо меню или с инструкцией? Возможно какие-то стили не добавлены.
Вот здесь инструкция для меню


#118751 Выпадающее Меню

Отправлено от Elif в 30 Январь 2014 - 11:18 в Изменение общей стилистики

Просмотр сообщенияmiyako (30 Январь 2014 - 09:16) писал:

Пункты меню у Вас появились, посмотрите на скриншот.
Но дело не в пунктах, дело в том что меню должно выглядеть вот так, если я правильно понимаю не отображаются картинки menu_right_h.jpg и menu_right.jpg, наверное нужно что то поменять в кодах отвечающих за эти картинки?

Прикрепленные изображения

  • gorizontalnoe_menu.PNG


#118703 Выпадающее Меню

Отправлено от Elif в 30 Январь 2014 - 08:13 в Изменение общей стилистики

Просмотр сообщенияVaccina (30 Январь 2014 - 03:50) писал:

Немного структуру не досмотрела, в примере у нас span еще имеется, найдите в HTML:
<a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a>
замените на:
<a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}><span>{catalog_full.NAME}</span></a>
Сделала, не помогает.


#118626 Выпадающее Меню

Отправлено от Elif в 29 Январь 2014 - 20:43 в Изменение общей стилистики

Просмотр сообщенияStasya (28 Январь 2014 - 20:48) писал:

В файле  style.css найдите блок 
#headermenu li a {
display: block;
float: left;
height: 66px;
color: #fff;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
background: url(http://design.elif-shop.kz/menu_left.jpg) no-repeat left;
line-height: 43px;
padding: 0 0 0 7px;
text-decoration: none;
}
и замените его на 
#headermenu li a {
display: block;
float: left;
height: 66px;
color: #000;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
background: url(http://design.elif-shop.kz/menu_left.jpg) no-repeat left;
line-height: 43px;
padding: 0 0 0 7px;
text-decoration: none;
}
К сожалению не помогло... Единственное, это появились названия пунктов, но само меню по прежнему отсутствует...


#118301 Выпадающее Меню

Отправлено от Elif в 28 Январь 2014 - 14:39 в Изменение общей стилистики

Просмотр сообщенияVaccina (28 Январь 2014 - 02:36) писал:

<!-- Каталог товаров -->
<div id="headermenu">
{%IFNOT catalog_full_empty%}
{%FOR catalog_full%}
<ul class="menuHeader" >
<li {% IFNOT catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
<a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a>
</li>		
</ul>
{%ENDFOR%}
{%ENDIF%}
</div>
<!-- /Каталог товаров -->
замените на:

<!-- Каталог товаров -->
<div id="headermenu">
{%IFNOT catalog_full_empty%}
<ul class="menuHeader" >
{%FOR catalog_full%}
<li {% IFNOT catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.CURRENT %}current{% ELSEIF catalog_full.CURRENT_PARENT %}current{% ENDIF %}">
<a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a>
</li>		
{%ENDFOR%}
</ul>
{%ENDIF%}
</div>
<!-- /Каталог товаров -->

Далее код, что вы выше привели все #menu замените на #headermenu
Также все /images/ замените на {ASSETS_IMAGES_PATH}

Сам код, что вы привели вставьте в конце файла style.css
Не забудьте загрузить картинки от нового меню в раздел Редактор шаблонов
Сделала все как написали, вот код css
#headermenu{
width:100%;
}
#headermenu ul{
list-style:none;
}
#headermenu li{
list-style:none;
display:block;
float:left;
}
#headermenu li a{
display:block;
float:left;
height:66px;
color:#fff;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
background:url({ASSETS_IMAGES_PATH}menu_left.jpg) no-repeat left;
line-height:43px;
padding:0 0 0 7px;
text-decoration:none;
}
#headermenu li a span{
display:block;
float:left;
background:url({ASSETS_IMAGES_PATH}menu_right.jpg) no-repeat right;
height:66px;
color:#fff;
line-height:43px;
padding:0 14px 0 6px;
}
#headermenu li a:hover{
display:block;
float:left;	
background:url({ASSETS_IMAGES_PATH}menu_left_h.jpg) no-repeat left;
height:66px;
}
#headermenu li a:hover span{
display:block;
float:left;	
background:url({ASSETS_IMAGES_PATH}menu_right_h.jpg) no-repeat right;
color:#fff;
height:66px;
}
#headermenu li a.current{
display:block;
float:left;
height:66px;
color:#fff;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
background:url({ASSETS_IMAGES_PATH}menu_left_h.jpg) no-repeat left;
line-height:43px;
padding:0 0 0 7px;
text-decoration:none;
}
#headermenu li a.current span{	
display:block;
float:left;
background:url({ASSETS_IMAGES_PATH}menu_right_h.jpg) no-repeat right;
height:66px;
color:#fff;
line-height:43px;
padding:0 14px 0 6px;
}
так же код html который тоже пробовала вставлять в в файл html
<div id="menu">
<ul>
<li><a href="#" class="current"><span>Главная</span></a></li>
<li><a href="#"><span>Регистрация</span></a></li>
<li><a href="#"><span>Поиск</span></a></li>
<li><a href="#"><span>Карта сайта</span></a></li>
<li><a href="#"><span>О нас</span></a></li>	
</ul>
</div>
Сейчас меню выглядит вот так (скрин), при наведении работает

Прикрепленные изображения

  • Безымянный.png


#118013 Выпадающее Меню

Отправлено от Elif в 27 Январь 2014 - 14:58 в Изменение общей стилистики

Просмотр сообщенияСake (25 Январь 2014 - 02:42) писал:

Ваше меню навигации использует только один уровень навигации без возможности отображения выпадающего списка. Вы хотите просто изменить его стиль, или же вы хотите так же изменить работу меню навигации? Для переноса стилей - вам необходимо сообщить исходные стили приведенного вами меню в виде его демо.
Поможете?


#117665 Выпадающее Меню

Отправлено от Elif в 25 Январь 2014 - 14:24 в Изменение общей стилистики

Просмотр сообщенияСake (25 Январь 2014 - 02:42) писал:

Ваше меню навигации использует только один уровень навигации без возможности отображения выпадающего списка. Вы хотите просто изменить его стиль, или же вы хотите так же изменить работу меню навигации? Для переноса стилей - вам необходимо сообщить исходные стили приведенного вами меню в виде его демо.

Спасибо что подсказали, что оказывается нельзя выпадающее сделать, а то я сижу и голову ломаю...Ну если нельзя, тогда помогите пожалуйста оформить вот это меню (скрин1) вот так (скрин2). Вот код:
HTML Код:
<div id="menu">
<ul>
  <li><a href="#" class="current"><span>Главная</span></a></li>
  <li><a href="#"><span>Регистрация</span></a></li>
  <li><a href="#"><span>Поиск</span></a></li>
  <li><a href="#"><span>Карта сайта</span></a></li>
  <li><a href="#"><span>О нас</span></a></li>	   
</ul>
</div>
CSS Код:
#menu{
width:100%;
}
#menu ul{
list-style:none;
}
#menu li{
list-style:none;
display:block;
float:left;
}
#menu li a{
display:block;
float:left;
height:66px;
color:#fff;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
background:url(/images/menu_left.jpg) no-repeat left;
line-height:43px;
padding:0 0 0 7px;
text-decoration:none;
}
#menu li a span{
display:block;
float:left;
background:url(/images/menu_right.jpg) no-repeat right;
height:66px;
color:#fff;
line-height:43px;
padding:0 14px 0 6px;
}
#menu li a:hover{
display:block;
float:left;	
background:url(/images/menu_left_h.jpg) no-repeat left;
height:66px;
}
#menu li a:hover span{
display:block;
float:left;	
background:url(/images/menu_right_h.jpg) no-repeat right;
color:#fff;
height:66px;
}
#menu li a.current{
display:block;
float:left;
height:66px;
color:#fff;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
background:url(/images/menu_left_h.jpg) no-repeat left;
line-height:43px;
padding:0 0 0 7px;
text-decoration:none;
}
#menu li a.current span{	
display:block;
float:left;
background:url(/images/menu_right_h.jpg) no-repeat right;
height:66px;
color:#fff;
line-height:43px;
padding:0 14px 0 6px;
}

Прикрепленные изображения

  • Безымянный.png
  • 1286300917_gorizontalnoe_menu.png


#117552 Выпадающее Меню

Отправлено от Elif в 24 Январь 2014 - 15:40 в Изменение общей стилистики

Просмотр сообщенияСake (07 Январь 2014 - 01:22) писал:

Пожалуйста, сообщите актуален ли ваш вопрос, так как судя по вашему сайту (259967) вы изменили тему оформления на "Вечность".

Здравствуйте, помогите пожалуйста красиво оформить горизонтальный каталог и сделать его выпадающим (шаблон осень), примерно такое как на картинке, с возможностью изменения цвета и шрифта. Прилагаю картинки как есть сейчас и как хотелось бы осуществить.

Прикрепленные изображения

  • Безымянный.png
  • dropdown-levels-menu.jpg


#115930 Акции Как Поставить Свои Картинки И Значек В Карточку

Отправлено от Elif в 16 Январь 2014 - 22:11 в Акции

Просмотр сообщенияStasya (16 Январь 2014 - 20:46) писал:

1. Чтобы установить свои картинки акции Вам необходимо в разделе Сайт-> Редактор шаблонов -> Изображения удалить изображение  sale_default_gray.jpg и загрузить свое изображение с название sale_default_gray и в формате jpg  с помощью кнопки Добавить файлы. Что касается значка, то Вы хотите его установить и в каталоге и в карточке товара?
2. В файле style.css найдите блок 
input[type=text].light, input[type=password].light, textarea, .inputText {
border: none!important;
font-size: 12px!important;
font-weight: 600!important;
background: black!important;
margin: 0!important;
border: 1px solid #c0c0c0!important;
-moz-border-radius: 2px!important;
-webkit-border-radius: 2px!important;
border-radius: 2px!important;
-moz-box-shadow: inset 0 0 1px 0 rgba(0,0,0,0.15),0 1px 0 0 rgba(255,255,255,0.45)!important;
-webkit-box-shadow: inset 0 0 1px 0 rgba(0,0,0,0.15),0 1px 0 0 rgba(255,255,255,0.45)!important;
box-shadow: inset 0 0 1px 0 rgba(0,0,0,0.15),0 1px 0 0 rgba(255,255,255,0.45)!important;
}
и замените его на 
input[type=text].light, input[type=password].light, textarea, .inputText {
border: none!important;
font-size: 12px!important;
font-weight: 600!important;
background: black!important;
margin: 0!important;
border: 1px solid #c0c0c0!important;
-moz-border-radius: 2px!important;
-webkit-border-radius: 2px!important;
border-radius: 2px!important;
-moz-box-shadow: inset 0 0 1px 0 rgba(0,0,0,0.15),0 1px 0 0 rgba(255,255,255,0.45)!important;
-webkit-box-shadow: inset 0 0 1px 0 rgba(0,0,0,0.15),0 1px 0 0 rgba(255,255,255,0.45)!important;
box-shadow: inset 0 0 1px 0 rgba(0,0,0,0.15),0 1px 0 0 rgba(255,255,255,0.45)!important;
color: white;
}
Значек "new" необходимо заменить на свой в каталоге - Особые разделы - Новинки.


#115926 Акции Как Поставить Свои Картинки И Значек В Карточку

Отправлено от Elif в 16 Январь 2014 - 22:00 в Акции

Просмотр сообщенияL.V (16 Январь 2014 - 20:29) писал:

м да ..тяжелый случай....
Форум, ровно как и темы в нем общественные а не персональные.


#115874 Акции Как Поставить Свои Картинки И Значек В Карточку

Отправлено от Elif в 16 Январь 2014 - 19:49 в Акции

:D :D :D

Просмотр сообщенияL.V (16 Январь 2014 - 13:58) писал:

можно не засорять тему я пол дня жду ответ приходит письмо что есть ответ я как чекнутая несусь к компу а тут вы!
Что значит не засорять? Я увидела что тема моего вопроса совпадает с темой которую вы открыли. То что вы написали мало того что глупо, но еще и очень смешно читать :D :D :D


#115804 Акции Как Поставить Свои Картинки И Значек В Карточку

Отправлено от Elif в 16 Январь 2014 - 13:47 в Акции

Здравствуйте! подскажите, как заменить бирку для новинок "new" на на свою?


#115787 А Можно Поменять Верхнее Меню С Каталогом Местами

Отправлено от Elif в 16 Январь 2014 - 11:20 в Вопросы общие для всех шаблонов

Просмотр сообщенияsupport 2.0 (06 Январь 2014 - 00:18) писал:

Вам нужно сделать меню с выпадающими подпунктами?
В том сообщении, что выше прокомментировали Вы написано, что
Это код вечный его можно будет больше никогда не трогать, подойдет для любых дизайн шаблонов.
Вы пробовали его установить?
Есть темана форуме, посвященная выпадающему меню. Можете ознакомиться с ней. Вы именно это хотите сделать на своем сайте?
Здравствуйте, вопрос в сообщении №499 все еще актуален.


#114812 Размер Шрифта Полного Описания

Отправлено от Elif в 11 Январь 2014 - 21:12 в Страница товара

Просмотр сообщенияsengun (11 Январь 2014 - 20:43) писал:

Замените указанный код на такой
#more_info_block #more_info_sheets #idTab1 .htmlDataBlock,
#more_info_block #more_info_sheets #idTab1 .htmlDataBlock span,
#more_info_block #more_info_sheets #idTab1 .htmlDataBlock div,
#more_info_block #more_info_sheets #idTab1 .htmlDataBlock p {
	 font-size: 13pt !important;
	 color: black !important;
	 font-family: verdana !important;
}
Супер, получилось, большое спасибо!


#114803 Размер Шрифта Полного Описания

Отправлено от Elif в 11 Январь 2014 - 20:25 в Страница товара

Просмотр сообщенияsengun (11 Январь 2014 - 19:40) писал:

Добавьте в style.css в конец такой код
#more_info_block #more_info_sheets #idTab1 .htmlDataBlock {
font: 14pt normal verdana !important;
color: black !important;
}
14pt замените на 14px, если вы имели ввиду пиксели.
Не помогло, вот ссылки на 2 товара, здесь и здесь шрифт остался разным.


#114771 Размер Шрифта Полного Описания

Отправлено от Elif в 11 Январь 2014 - 14:58 в Страница товара

Просмотр сообщенияСake (09 Июль 2013 - 02:49) писал:

1) Добавьте в ваш файл стилей style.css

#content_1 .htmlDataBlock,
#content_1 .htmlDataBlock * {
font-size: 14px;
}

где 14px это размер шрифта всего текста внутри описания товара.

2) Найдите в вашем шаблоне "Товар"

id="tab_4" class="active"

и замените на

id="tab_4"

далее найдите

id="tab_1"

и замените на

id="tab_1" class="active"
Здравствуйте, сейчас у меня описании товаров не везде одинаковый шрифт (где то применяла форматирование, а где то забывала),
1) как сделать во всех товарах уже имеющихся на сайте описание одинаковым шрифтом: веранда, черный, размер 14.
2) как сделать чтобы у последующих добавленных товаров шрифт был веранда, черный, размер 14 по умолчанию.



  1. Форум владельцев интернет-магазинов
  2. → Публикации Elif
  3. Privacy Policy