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


Верхнее Меню


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

#1 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 08 Январь 2015 - 17:02

Хочется верхнее меню с надписями ( главная, акции магазина и тп) сделать на подобии таким, как разобрано в этом посту
http://forum.storela...8-верхнее-меню/

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

#2 MikDark

MikDark

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

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

Отправлено 08 Январь 2015 - 18:06

Просмотр сообщенияAntsupov Vyacheslav (08 Январь 2015 - 17:02) писал:

Хочется верхнее меню с надписями ( главная, акции магазина и тп) сделать на подобии таким, как разобрано в этом посту
http://forum.storela...8-верхнее-меню/

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

Нам нужно больше конкретики, что Вы хотите видеть. Желательно сайт с примером

#3 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 08 Январь 2015 - 18:43

Что-то на подобии

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

  • загруженное.jpg
  • 1312894406_menu-navigation-psd-20.jpg
  • 1312894429_menu-navigation-psd-13.jpg
  • jquery-smooth-menu.jpg
  • 1300113075_furniture-shablon.jpeg


#4 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 09 Январь 2015 - 14:38

Просмотр сообщенияAntsupov Vyacheslav (08 Январь 2015 - 18:43) писал:

Что-то на подобии
Здравствуйте.
Для активных пунктов в main.css добавьте и замените цвет #FFF на свой
#header .links a.selected {
background:#FFF;
}
При наведении в main.css добавьте и замените цвет #FF0 на свой
#header .links a:hover {
background:#FF0;
}
Для общего фона меню в main.css найдите и замените цвет #f5f5f5 на свой
#header .links {
background: #f5f5f5;
clear: both;
float: none;
margin: 0 auto;
padding-right: 10px;
width: 600px;
}


#5 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 09 Январь 2015 - 16:10

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

как показано на последней картике, в предыдущем посту
только сделать прямоугольник  закрышенным

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

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


#6 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 09 Январь 2015 - 16:44

Просмотр сообщенияAntsupov Vyacheslav (09 Январь 2015 - 16:10) писал:

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

как показано на последней картике, в предыдущем посту
только сделать прямоугольник  закрышенным
В шаблоне html найдите код
<!-- Верхний блок навигации -->
			 <ul id="main_nav">
			 {% 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>
			 <!-- end Верхний блок навигации -->
и замените на
<!-- Верхний блок навигации -->
			 <ul id="main_nav">
			 {% FOR menu %}
				 {% FOR header %}
				 {% FOR links %}
					 <li><a style="{% IF menu.header.links.NAME = Главная %}background:red;{% ELSEIF menu.header.links.NAME = второй пункт %}background:black;{% ENDIF %}" 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>
			 <!-- end Верхний блок навигации -->
Во втором коде изменяйте background(цвет фона)
Вместо текста "второй пункт" напишите название того пункта меню, цвет которого нужно изменить.

#7 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 09 Январь 2015 - 19:06

Не получается...  Безымянный.png

Возможно , я не правильно объяснил

Хочется сделать также как на этой картинке  1300113075_furniture-shablon.jpeg

#8 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 09 Январь 2015 - 19:17

Просмотр сообщенияAntsupov Vyacheslav (09 Январь 2015 - 19:06) писал:

Не получается...  Прикрепленный файл Безымянный.png

Возможно , я не правильно объяснил

Хочется сделать также как на этой картинке  Прикрепленный файл 1300113075_furniture-shablon.jpeg
Сообщение 6 исправил, произведите изменения.

#9 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 09 Январь 2015 - 19:27

цвет хорошо
А как взять в рамочку прямоугольную сделать внутри неё цвет? как показано на картинке

Понял) извиняюсь!

А не подскажете как изменить цвет надписи самой в верхнем меню?
И как придать шрифт и жирность буквам?

#10 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 09 Январь 2015 - 19:43

Просмотр сообщенияAntsupov Vyacheslav (09 Январь 2015 - 19:27) писал:

цвет хорошо
А как взять в рамочку прямоугольную сделать внутри неё цвет? как показано на картинке

Понял) извиняюсь!

А не подскажете как изменить цвет надписи самой в верхнем меню?
И как придать шрифт и жирность буквам?
В нижнем коде из сообщения 6 найдите например такой код:
background:red;
и после него добавляйте остальные стили.
Пример:
background:red;color:red;font-weight:bold;font-size:15px;
font-size:15px;(размер шрифта)
font-weight:bold;(жирный шрифт)

#11 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 09 Январь 2015 - 19:47

font-weight:bold;font-size; - Что из каждых этих кодов означает?

#12 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 09 Январь 2015 - 19:51

Просмотр сообщенияAntsupov Vyacheslav (09 Январь 2015 - 19:47) писал:

font-weight:bold;font-size; - Что из каждых этих кодов означает?
Сообщение 10 подправлено.

#13 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 09 Январь 2015 - 19:52

Спасибо! Огромное!

#14 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 12 Январь 2015 - 20:59

Хочу в верхнем меню ввести ПРедложения и Отзывы.
Чтобы люди могли написать что они хотят видеть на сайте, что им нравится на сайте и тому подобное
Ввести отельное окно в верхнем меню
Помогите.

#15 Vaccina

Vaccina

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

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

Отправлено 13 Январь 2015 - 04:21

Пункт меню вы можете добавить в разделе Сайт - Меню.
Добавление отзывов о магазине: http://forum.storela...ывы-о-магазине/

#16 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 13 Январь 2015 - 09:10

Мне нужно чтобы в верхнеи меню именно был пункт ОТЗЫВЫ
А не чтобы в каждом товаре был заголовок отзыв

#17 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 13 Январь 2015 - 09:22

не понял про ссылку. где её взять?

#18 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 13 Январь 2015 - 09:40

получается вот такая необъяснимая картина
пустота

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

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


#19 Vaccina

Vaccina

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

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

Отправлено 14 Январь 2015 - 03:46

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

#20 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 14 Январь 2015 - 14:04

Спасибо




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

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