Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: Savepic Видео фоторедактор Транслит

Меню навигации

Предыдущая тема Следующая тема Перейти вниз

Меню навигации

Сообщение автор pro100-clown в Пт 16 Авг - 3:08

Добрый день.
Нашел сайт - генератор меню навигации на CSS3
В нем я сделал панель навигации и мне захотелось установить ее на мой форум, только без выпадающего меню, возможно ли это? Если да, то как?


Последний раз редактировалось: pro100-clown (Пт 16 Авг - 16:27), всего редактировалось 1 раз(а)

pro100-clown
 

Мужчина

Сообщения : 114
Возраст : 19
Регистрация : 2013-07-05
Благодарности : 1

Без предупреждений

http://forum-cyog.gta-ru.com/

Вернуться к началу Перейти вниз

Re: Меню навигации

Сообщение автор Dana Domirani в Пт 16 Авг - 9:57

Всю панель оттуда брать не нужно (она все равно не будет работать так, как стандартное меню навигации). Достаточно скопировать оформление.

1) в шаблоне overall_header (Верхняя часть страницы) найдите переменную
Код:
{GENERATED_NAV_BAR}
и замените на
Код:
<div id="menu-bar">{GENERATED_NAV_BAR}</div>
Сохраните и опубликуйте шаблон.


2) В CSS добавьте настройки:
Код:
#menu-bar {
  width: 99%;
  margin: 0px;
  padding: 6px 6px 4px 6px;
  height: 34px;
  line-height: 100%;
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  box-shadow: 2px 2px 3px #666666;
  -webkit-box-shadow: 2px 2px 3px #666666;
  -moz-box-shadow: 2px 2px 3px #666666;
  background: #8B8B8B;
  background: linear-gradient(top,  #A9A9A9,  #7A7A7A);
  background: -ms-linear-gradient(top,  #A9A9A9,  #7A7A7A);
  background: -webkit-gradient(linear, left top, left bottom, from(#A9A9A9), to(#7A7A7A));
  background: -moz-linear-gradient(top,  #A9A9A9,  #7A7A7A);
  border: solid 1px #6D6D6D;
  position:relative;
}
#menu-bar a {
  display: inline-block !important;
  font-weight: bold;
  font-family: arial;
  font-style: normal;
  font-size: 12px;
  color: #E7E5E5;
  text-decoration: none !important;
  padding: 6px 10px;
  margin: 0;
  margin-bottom: 6px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  text-shadow: 2px 2px 3px #000000;
transition-delay: 0s;
transition-duration: 0.3s;
transition-property: color;
transition-timing-function: ease-in-out;
}
#menu-bar a:hover {
  background: #0399D4;
  background: linear-gradient(top,  #EBEBEB,  #A1A1A1);
  background: -ms-linear-gradient(top,  #EBEBEB,  #A1A1A1);
  background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#A1A1A1));
  background: -moz-linear-gradient(top,  #EBEBEB,  #A1A1A1);
  color: #444444;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  text-shadow: 2px 2px 3px #FFFFFF;
}
#menu-bar:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#menu-bar {
  display: inline-block;
}
  html[xmlns] #menu-bar {
  display: block;
}
* html #menu-bar {
  height: 1%;
}
Сохраните.

P.s. Обязательно проверьте — в CSS должно быть указано Оптимизировать вашу CSS: Нет



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22093
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8877

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Меню навигации

Сообщение автор pro100-clown в Пт 16 Авг - 16:23

О, это то-что нужно! Спасибо!

pro100-clown
 

Мужчина

Сообщения : 114
Возраст : 19
Регистрация : 2013-07-05
Благодарности : 1

Без предупреждений

http://forum-cyog.gta-ru.com/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу

- Похожие темы

 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения