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


Помогите С Установкой Jquery Меню

меню jQuery

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 10

#1 NaLeeWay

NaLeeWay

    Новичок

  • Пользователи
  • Pip
  • 5 сообщений

Отправлено 15 Декабрь 2012 - 23:58

Помогите поменять страницу каталога товаров т.е. сейчас такая Изображение
а нужно сделать так Изображение
посмотреть меню можно здесь а скачать здесь автор предлагает несколько вариантов мне понравился второй, помогите установить

#2 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 16 Декабрь 2012 - 10:56

Загрузить и распакавать архив Прикрепленный файл  7CSS3MenuHoverEffect.zip   169,99К   208 Количество загрузок:.
Загрузить файлы из архива на сайт в редактор тем.
http://auth.storelan.../site_templates
Подключим файл стилей.
Открыть файл "HTML".
До кода "</head>".
Вставить:
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}menuhover.css" type="text/css" />
Теперь создадим страницу.
http://auth.storelan...dmin/site_pages
Создать страницу.
Нажать в правом углу панели инструментов редактора кнопку "HTML".
В появившийся редактор HTML-кода вставить:
<div>
<ul class="mh-menu">
<li><a href="#"><span>Art Director</span> <span>Henry James</span></a><img src="адрес до изображения" alt="image01" /></li>
<li><a href="#"><span>Production Coordinator</span> <span>Francis Morgan</span></a><img src="адрес до изображения" alt="image02" /></li>
<li><a href="#"><span>Sound</span> <span>Kevin Schneider</span></a><img src="адрес до изображения" alt="image03" /></li>
<li><a href="#"><span>Casting</span> <span>Benjamin Zakalis</span></a><img src="адрес до изображения" alt="image04" /></li>
</ul>
</div>
На место текста "адрес до изображения" вставить полные пути до ваших изображений.

Теперь осталось добавить страницу в меню.

Добавить новый пункт меню.
Выбрать в качестве страницы вашу созданную страницу.
В вашем случае можно удалить пункт "Каталог товаров" и добавить на его место свой пункт меню.

#3 NaLeeWay

NaLeeWay

    Новичок

  • Пользователи
  • Pip
  • 5 сообщений

Отправлено 16 Декабрь 2012 - 13:45

Просмотр сообщенияKoderhan (16 Декабрь 2012 - 10:56) писал:

Загрузить и распакавать архив...
Спасибо, круто)

#4 tanch

tanch

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

Отправлено 21 Июнь 2013 - 01:08

Просмотр сообщенияKoderhan (16 Декабрь 2012 - 10:56) писал:

Загрузить и распакавать архив ...

Подскажите:
Попробовала сделать прямо в категориях
пример
Сверху остались иконки. Можно ли их убрать?
Или нужно как Вы говорили через создание страницы только?

#5 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 21 Июнь 2013 - 03:49

Вы можете попробовать просто скрыть их добавив в файл стилей main.css

.content_catalog_nested_categories {
   display: none;
}


#6 tanch

tanch

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

Отправлено 21 Июнь 2013 - 20:43

Просмотр сообщенияVaccina (21 Июнь 2013 - 03:49) писал:

Вы можете попробовать просто скрыть их добавив в файл стилей main.css

.content_catalog_nested_categories {
display: none;
}

Получилось! Спасибо!!
а точки слева не могу убрать...
наводя на них мышь, все дрожит

#7 sengun

sengun

    Активный участник

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 21 Июнь 2013 - 21:22

Просмотр сообщенияtanch (21 Июнь 2013 - 20:43) писал:

Получилось! Спасибо!!
а точки слева не могу убрать...
наводя на них мышь, все дрожит
Если вы про эти точки:21-06-2013 22-18-58.jpg
Тогда в файле main.css надо найти код
#primaryContent ul li {
background: url({ASSETS_IMAGES_PATH}square_bullet.gif) no-repeat 0 0.4em;
padding-left: 15px;
}
и заменить на этот:
#primaryContent ul li {
padding-left: 15px;
}


#8 tanch

tanch

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

Отправлено 21 Июнь 2013 - 22:14

Просмотр сообщенияsengun (21 Июнь 2013 - 21:22) писал:

Если вы про эти точки:Прикрепленный файл 21-06-2013 22-18-58.jpg
Тогда в файле main.css надо найти код
#primaryContent ul li {
background: url({ASSETS_IMAGES_PATH}square_bullet.gif) no-repeat 0 0.4em;
padding-left: 15px;
}
и заменить на этот:
#primaryContent ul li {
padding-left: 15px;
}

Сделала, но теперь в тексте, где были использованы маркированные списки - везде пропали точки.

#9 sengun

sengun

    Активный участник

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 21 Июнь 2013 - 22:43

Просмотр сообщенияtanch (21 Июнь 2013 - 22:14) писал:

Сделала, но теперь в тексте, где были использованы маркированные списки - везде пропали точки.
Тогда верните последние изменения, а в файле menuhover.css измените код
.mh-menu li{
width: 300px;
}
на этот:
.mh-menu li {
width: 300px;
background: none !important;
}


#10 pin

pin

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений
  • ГородМосква

Отправлено 02 Февраль 2014 - 18:29

Просмотр сообщенияKoderhan (16 Декабрь 2012 - 10:56) писал:

Загрузить и распакавать архив Прикрепленный файл 7CSS3MenuHoverEffect.zip.
Загрузить файлы из архива на сайт в редактор тем.
http://auth.storelan.../site_templates
Подключим файл стилей.
Открыть файл "HTML".
До кода "</head>".
Вставить:
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}menuhover.css" type="text/css" />
Теперь создадим страницу.
http://auth.storelan...dmin/site_pages
Создать страницу.
Нажать в правом углу панели инструментов редактора кнопку "HTML".
В появившийся редактор HTML-кода вставить:
<div>
<ul class="mh-menu">
<li><a href="#"><span>Art Director</span> <span>Henry James</span></a><img src="адрес до изображения" alt="image01" /></li>
<li><a href="#"><span>Production Coordinator</span> <span>Francis Morgan</span></a><img src="адрес до изображения" alt="image02" /></li>
<li><a href="#"><span>Sound</span> <span>Kevin Schneider</span></a><img src="адрес до изображения" alt="image03" /></li>
<li><a href="#"><span>Casting</span> <span>Benjamin Zakalis</span></a><img src="адрес до изображения" alt="image04" /></li>
</ul>
</div>
На место текста "адрес до изображения" вставить полные пути до ваших изображений.

Теперь осталось добавить страницу в меню.
http://fullon.storel...dmin/site_menus
Добавить новый пункт меню.
Выбрать в качестве страницы вашу созданную страницу.
В вашем случае можно удалить пункт "Каталог товаров" и добавить на его место свой пункт меню.

Здравствуйте! Я попробовал, вот что у меня получилось. Помогите мне пожалуйста.

#11 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 04 Февраль 2014 - 03:58

на какой страннице у вас можно пронаблюдать данное меню?





Темы с аналогичным тегами меню, jQuery

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных