Перейти к содержанию

Рекомендуемые сообщения

Много категорий в главном меню заставило меня етим заняться.
Раньше нашел такую же тему, но конкретно так и никто не сказал как ето сделать. Потратил время и сделал.
Хочу облегчить всем жизнь и сберечь время, у меня OpenCart 1.5.1.3, но я думаю что у всех будет так же.

Значит так:

Заходим в css, и ищем файл stylesheet.css. Путь к файлу: www/catalog/view/theme/theme001/stylesheet/stylesheet.css.
Там ищем #menu > ul > li > a, и добавим сразу же text-align: center; ето позволит сделать текст по центру один под другим.
потом идет такой код ето лично в моем CSS.

font-size: 12px;
color: #FFF;
line-height: 14px;
text-decoration: none;
Видим следующую строку  display: block; изменяем на  display: table-caption; ето сделает текст в столбец.
padding: 5px 7px 11px 7px;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s; (в padding изменяется свойства ячеек).
z-index: 6;
position: relative; text-transform:uppercase;font-family: 'Open Sans', sans-serif;
 
 
Еслы отцентрирую ячейки напишу как)

post-676929-0-85159500-1391767691_thumb.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Сделал.
Заходим в css, и ищем файл stylesheet.css. Путь к файлу: www/catalog/view/theme/theme001/stylesheet/stylesheet.css.
Там ищем #menu > ul > li > a,           и тупо меняем код.  А дальше Дорогие мои двигаем CSS сами.
 {
width: 100px;
text-align: center;
overflow: auto;
margin: 0px auto 0px auto;
vertical-align: top;
color:#fff;
margin-left: 30px;
margin-right: 30px;
display: inline-block;
}

 

Возможно надо будет опустить чуточку меню в низ. вот тут

/* menu */

#menu {
background: url('../image/tail-menu.gif') left top repeat-x;
height: 37px;   <------------------ тут  просто добавляем пиксилей что бы не соскальзывала левая колонка.
margin-bottom:0px;
 
ПРОБУЕМ ЕКСПЕРЕМЕНТИРУЕМ) всем хороших правок)
 

Кому помогло, не забываем ставить  мне плюсик)

СПАСИБО)

для вас старался)
 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Сделал.

Заходим в css, и ищем файл stylesheet.css. Путь к файлу: www/catalog/view/theme/theme001/stylesheet/stylesheet.css.

Там ищем #menu > ul > li > a, и тупо меняем код. А дальше Дорогие мои двигаем CSS сами.

{

width: 100px;

text-align: center;

overflow: auto;

margin: 0px auto 0px auto;

vertical-align: top;

color:#fff;

margin-left: 30px;

margin-right: 30px;

display: inline-block;

}

Возможно надо будет опустить чуточку меню в низ. вот тут

/* menu */

#menu {

background: url('../image/tail-menu.gif') left top repeat-x;

height: 37px; <------------------ тут просто добавляем пиксилей что бы не соскальзывала левая колонка.

margin-bottom:0px;

ПРОБУЕМ ЕКСПЕРЕМЕНТИРУЕМ) всем хороших правок)

Кому помогло, не забываем ставить мне плюсик)

СПАСИБО)

для вас старался)

Все получилось, спасибо!

Изменено пользователем lemast

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От gime74
      Всем привет! Прошу помочь с проблемой, не могу сделать название товара в 2-ве строки. Много времени убил на решения вопроса, сдаюсь и прошу подсказать знающих.
      ocStore Версия 1.5.5.1.2, шаблон  XDS OC Default 2.0.
      Интернет-магазин Агротехник
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.