Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Сделать Верхнее Меню

Автор dizel1990, 17 апр. 2013 23:07

Авторизуйтесь для ответа в теме

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

#1 dizel1990

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

Пользователи
121 сообщений

Отправлено 17 Апрель 2013 - 23:07

Здравствуйте. Возможно ли сделать ещё одно верхнее меню, фото приложил.
Также приложил пример, как должно выглядеть.

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

Наверх

#2 Vaccina

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

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

Отправлено 18 Апрель 2013 - 06:11

Вам необходимо в шаблоне "HTML" после строки

<body style="background:url(http://ichehol.com/web/upload/assets/images/175/174137/fon.jpg);">
  <div style="">

вставить

<div style="position: absolute; left: 50%; height: 85px; width: 994px; color: rgb(180, 180, 180); margin: 0px 0px 0px -180px; top: 35px;"></div>

далее вам необходимо внутрь данного блока вставить новое созданное меню как в примере http://forum.storela...еню/#entry24577

в итоге должно получиться примерно следующее

<div style="position: absolute; left: 50%; height: 85px; width: 994px; color: rgb(180, 180, 180); margin: 0px 0px 0px -180px; top: 35px;">
<ul>
{% FOR menu %}
{% FOR header1 %}
{% FOR links %}
<li style="float: left; padding: 0 5px;"><a href="{menu.header1.links.URL}" {% IF menu.header1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header1.links.TITLE %}title="{menu.header1.links.TITLE}"{% ENDIF %}>{menu.header1.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
<div style="clear: both;"></div>
</div>

Наверх

#3 dizel1990

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

Пользователи
121 сообщений

Отправлено 18 Апрель 2013 - 12:24

Vaccina (18 Апрель 2013 - 06:11) писал:

Вам необходимо в шаблоне "HTML" после строки

<body style="background:url(http://ichehol.com/web/upload/assets/images/175/174137/fon.jpg);">
<div style="">

Получилось спасибо. Как теперь изменить шрифт и цвет на чёрный? color: rgb(180, 180, 180) данное изменение не помогает
вставить

<div style="position: absolute; left: 50%; height: 85px; width: 994px; color: rgb(180, 180, 180); margin: 0px 0px 0px -180px; top: 35px;"></div>

далее вам необходимо внутрь данного блока вставить новое созданное меню как в примере http://forum.storela...еню/#entry24577

в итоге должно получиться примерно следующее

<div style="position: absolute; left: 50%; height: 85px; width: 994px; color: rgb(180, 180, 180); margin: 0px 0px 0px -180px; top: 35px;">
<ul>
{% FOR menu %}
{% FOR header1 %}
{% FOR links %}
<li style="float: left; padding: 0 5px;"><a href="{menu.header1.links.URL}" {% IF menu.header1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header1.links.TITLE %}title="{menu.header1.links.TITLE}"{% ENDIF %}>{menu.header1.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
<div style="clear: both;"></div>
</div>

Спасибо помогло, как изменить цвет на чёрный и шрифт.

Наверх

#4 support 2.0

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

Модераторы
4 950 сообщений

Отправлено 18 Апрель 2013 - 16:59

dizel1990 (18 Апрель 2013 - 12:24) писал:

Спасибо помогло, как изменить цвет на чёрный и шрифт.

измените

<div style="position: absolute; left: 50%; height: 85px; width: 994px; color:rgb(180, 180, 180); margin: 0px 0px 0px -185px; top: 20px;">
<ul>

на

<div style="position: absolute; left: 50%; height: 85px; width: 994px; color:rgb(180, 180, 180); margin: 0px 0px 0px -185px; top: 20px;">
<ul class="up_menu">

теперь в файле main.css добавьте

ul.up_menu li a {
	 font: 20px "Trebuchet MS", Helvetica, Arial, sans-serif;  /* стили текста */
	 color: #000; /* цвет текста */
}
ul.up_menu li a:hover {
	color: red;  /* цвет при наведении */
}