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


Нижнее Меню


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

#1 samotoyloff

samotoyloff

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

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

Отправлено 25 Апрель 2015 - 00:06

Здравствуйте! А как сделать чтобы нижнее меню смотрелось не так нелепо и глупо, как заложено в шаблоне, а что бы было без слова Меню, и горизонтально в ряд перечислены ссылки меню. В местах как указано чёрточками на скрине прилагаемом, типа как в шаблоне Пластик.
Спасибо

Файл не прицепился..))

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

  • пример.png


#2 Vaccina

Vaccina

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

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

Отправлено 25 Апрель 2015 - 00:53

В шаблоне HTML найдите:
<div class="col4" style="display: none;">
	   <h3 class="footerHeader">Меню</h3>
	   <div>
		 {% FOR menu %}
		  {% FOR footer %}
			<div class="menu_main">
			  <ul>
				{% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
			  </ul>
			</div>
		  {% ENDFOR %}
		{% ENDFOR %}
	   </div>
	</div>

замените на:
<div class="column full">
	   <div>
		 {% FOR menu %}
		  {% FOR footer %}
			<div class="menu_main">
			  <ul>
				{% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
			  </ul>
			</div>
		  {% ENDFOR %}
		{% ENDFOR %}
	   </div>
	</div>

и вставьте его после:
<div class="footer first">
  <div class="footercontent">

далее в main.css найдите:
.menu_main li {
  font-size: 14px;
  list-style: outside none none;
  margin-bottom: 10px;
}

замените на:
.menu_main li {
  display: inline-block;
  font-size: 14px;
  list-style: outside none none;
  margin: 0 20px;
}

далее найдите:
.menu_main li a {
  color: #dfd5ba;
  transition: all 0.3s ease-in-out 0s;
}

замените на:
.menu_main li a {
  color: #fff;
  font-size: 16px;
  transition: all 0.3s ease-in-out 0s;
}





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

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