Войти

Авторизация

Логин:
Пароль:
Забыли пароль?
Регистрация
Сайт пользователей Artisteer и Themler. Официальный торговый представитель.

Фиксированное главное горизонтальное меню при прокрутке

Меню на одном месте при прокрутки страницы.
Захожу иногда
mars18
Сообщений: 37
8 дней назад
Доброго времени суток форумчане!
Возможно тема была: Как сделать фиксированное горизонтальное главное меню постоянно закрепленным к верху вместе с логотипом в позиции extra1 и телефоном в позиции extra2, а меню в позиции user3/
Примерно, что то такое
Скрытый текст виден только зарегистрированным пользователям
только оно не меняет цвет и не уменьшается просто фиксированное.
Может есть какое то расширение или хак в коде?
Постоянный участник
Malover
Медаль
Сообщений: 610
3 дня назад
Решение зависит от устройства выбранного макета в программе.

Все делается в файле стилей template.css шаблона строка примерно 459:
Код PHP:
  1.  
  2. .art-nav {
  3. border-bottom: 1px dotted #a3b4c8;
  4. bottom: 0;
  5. margin: 0;
  6. position: absolute;
  7. text-align: right;
  8. width: 100%;
  9. z-index: 100;
  10. }
Надо поменять position: absolute; на position: fixed;

Еще может понадобится в зависимости от макета поменять или убрать:

margin: 0; заменить на margin: 0 auto;
убрать bottom: 0;
ширина width: 100%; заменить на width: 800px; ( возможно не надо, зависит от макета)
z-index: 100; заменить на z-index: 10000; ( это если меню будет залазить под элементы или текст, выдвигает его наверх)

Получилось так:

Код PHP:
  1. .art-nav {
  2. background: #000 none repeat scroll 0 0;
  3. border-bottom: 1px dotted #a3b4c8;
  4. margin: 0 auto;
  5. position: fixed;
  6. text-align: right;
  7. width: 800px;
  8. z-index: 10000;
  9. }
Вот здесь есть прикрепленное горизонтальное меню из Artisteer:
Скрытый текст виден только зарегистрированным пользователям


Если сможете прикрутить.
|
Перейти на форум:
Быстрый ответ
У вас нет прав, чтобы писать на форуме.

Реклама