Сообщений в теме: 35

[Stasya]

Flor@@ (04 Январь 2014 - 11:23) писал:

так я откатила уже изменения предложенные в сообщении №17, поэтому и нормальные, а мне нужно просто поделить на две колонки текст в подменю без багов, я уже двум вашим сотрудникам объясняла что мне надо два раза а воз и ныне там...

Верните, пожалуйста, изменения из сообщения №17.

[Flor@@]

вернула, что дальше...

[Stasya]

Flor@@ (04 Январь 2014 - 13:53) писал:

вернула, что дальше...

Чтобы уменьшить расстояние между строками в файле style.css найдите блок

#megamenu2 ul li {
background: #FBFAFA;
background: -moz-linear-gradient(top, #FBFAFA 0%, #FBFAFA 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFAFA), color-stop(100%,#FBFAFA));
background: -webkit-linear-gradient(top, #FBFAFA 0%,#FBFAFA 100%);
background: -o-linear-gradient(top, #FBFAFA 0%,#FBFAFA 100%);
background: -ms-linear-gradient(top, #FBFAFA 0%,#FBFAFA 100%);
background: linear-gradient(top, #FBFAFA 0%,#FBFAFA 100%);
line-height: 15px;
width: 139px;
padding: 8px 8px!important;
display: inline-block;
}

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

#megamenu2 ul li {
background: #FBFAFA;
background: -moz-linear-gradient(top, #FBFAFA 0%, #FBFAFA 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFAFA), color-stop(100%,#FBFAFA));
background: -webkit-linear-gradient(top, #FBFAFA 0%,#FBFAFA 100%);
background: -o-linear-gradient(top, #FBFAFA 0%,#FBFAFA 100%);
background: -ms-linear-gradient(top, #FBFAFA 0%,#FBFAFA 100%);
background: linear-gradient(top, #FBFAFA 0%,#FBFAFA 100%);
line-height: 15px;
width: 139px;
padding: 8px 8px 0!important;
display: inline-block;
}

[Flor@@]

инструкцию из сообщения №23 откатила назад, так как стало только хуже, скрин:

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

• 

[Stasya]

Это происходит из-за того что все пункты меню у Вас созданы совершенно по разному.

[Flor@@]

ответила по почте, жду Вашего ответа.

[Flor@@]

все еще жду ответа.

[Flor@@]

вот прилагаю скрин того как должно выглядеть меню, также надо еще и поделить и вклади: "модули", "Модульные системы" и "Рекомендуем!".

Но делать это надо именно не через стилизацию (даже я это уже поняла), а через разделение самих кодов подменюшек.

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

• 

Сообщение отредактировал Flor@@: 06 Январь 2014 - 19:26

[miyako]

Flor@@ (06 Январь 2014 - 14:26) писал:

скрин того как должно выглядеть меню, также надо еще и поделить и вклади: "модули", "Модульные системы" и "Рекомендуем!":

1) Найдите код в style.css -

#megamenu2 li.root_menu {
padding: 24px 8px 17px 8px;
float: left;
position: relative;
max-height: 12px;
border-radius: 5px;
}

и замените на -

#megamenu2 li.root_menu {
padding: 24px 8px 17px 8px;
float: left;
position: relative;
border-radius: 5px;
}

Скидки будут отображаться полностью.

[miyako]

2) Разделяем Модульные системы.

Найдите код в шаблоне HTML -

<li class="root_menu">
<a href="http:/***.ru/catalog/Бренды" class="root_link">Модульные системы</a>
<ul style="left:-50px;top: 32px;">
<li>
<div style="float: left;max-width: 220px;">
{% FOR menu %}
{% FOR header20 %}
{% FOR links %}
<a href="{menu.header20.links.URL}" {% IF menu.header20.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header20.links.TITLE %}title="{menu.header20.links.TITLE}"{% ENDIF %}>{menu.header20.links.NAME}</a>
{%IF menu.header20.links.NAME=Васко%}
</div><div style="float: left;max-width: 220px;">
{%ENDIF%}
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</div>
</li>
</ul>
</li>

и замените на -

<li class="root_menu">
<a href="http://***.ru/catalog/Бренды" class="root_link">Модульные системы</a>
<ul style="left:-50px;top: 32px;">
<div style="float: left;max-width: 220px;">
<ul style="left:325px;margin-left: -8px;">
{% FOR menu %}
{% FOR header20 %}
{% FOR links %}
<li><a href="{menu.header20.links.URL}" {% IF menu.header20.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header20.links.TITLE %}title="{menu.header20.links.TITLE}"{% ENDIF %}>{menu.header20.links.NAME}</a></li>
{%IF menu.header20.links.NAME=Васко%}
</ul></div><div style="float: left;max-width: 220px;"><ul>
{%ENDIF%}
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</div>
<div style="clear: both;"></div>
</ul>
</li>

[Flor@@]

спасибо, но:

1. строчки в подразделе "скидки" все равно полностью не отображаются = обрезаются

2. получилось разделить модульные системы, но криво: почему-то полоса вертикальная (border) посередине....

Сообщение отредактировал Flor@@: 06 Январь 2014 - 19:28

[Vaccina]

Найдите в файле стилей main.css

#megamenu2 li.root_menu {
  border-radius: 5px;
  float: left;
  max-height: 12px;
  padding: 24px 8px 17px;
  position: relative;
}

и замените на

#megamenu2 li.root_menu {
  border-radius: 5px;
  float: left;
  padding: 24px 8px 17px;
  position: relative;
}

[Flor@@]

спасибо помогло, но это полдела, а что делать дальше??

[Flor@@]

все равно выглядит некрасиво, помогите поправить.....

[Flor@@]

ау???? я с 25 декабря прошу помощи...........

[Vaccina]

Найдите в шаблоне "HTML" код

<a href="/catalog/Бренды" class="root_link">Модульные системы</a>
<ul style="left:-50px;top: 32px;">

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

<a href="/catalog/Бренды" class="root_link">Модульные системы</a>
<ul style="left:-250px;top: 32px;">