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

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


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

Мы в социальных сетях



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

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


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

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

раскраска панели навигации

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

Решено раскраска панели навигации

Сообщение автор Sergio_fen в Вт 19 Мар - 11:46

Взял пример вот от сюда:
http://help.forum2x2.ru/t21797-topic

Все получилось, но маленько не в общий стиль форума.
В CSS добавил настройки для меню:
Код:

#search-box {
 display:none;
}

.headerbar + .navbar {
  padding: 0;
  margin: 2px auto;
  border: 1px solid #222;
  background-color: #111;
  zoom:1;
}

.headerbar + .navbar .corners-top, .headerbar + .navbar .corners-bottom {
  display: none;
}

ul.navlinks {
  border-bottom: none;
  padding: 0;
}
 
.headerbar + .navbar .navlinks li {
  border-right: 1px solid #222;
  -moz-box-shadow: 1px 0 0 #444;
  -webkit-box-shadow: 1px 0 0 #444;
  box-shadow: 1px 0 0 #444;
  height: 40px;
  line-height: 40px;
  padding: 0 0 0 10px;
}

ul.linklist li {
  float: left;
  position: relative;
}
 
.headerbar + .navbar .navlinks a {
  color: #999;
  text-transform: uppercase;
  font: bold 12px Arial, Helvetica;
  text-decoration: none;
  text-shadow: 0 1px 0 #000;
  outline: none;
}

.headerbar + .navbar .linklist a:hover {
  color: #00CED1;
}

/* добавляем настройки для разворачивающегося меню */

.dop_menu {
        margin: 15px 0 0 0;
        _margin: 0; /*IE6 only*/
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 38px;
        left: 0;
        z-index: 999;
        background: #444;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        list-style: none;
}

li:hover .dop_menu {
        opacity: 1;
        visibility: visible;
        margin: -1px 0 0 0;
}

.dop_menu li {
        float: none;
        display: block !important;
        border: 0;
        padding: 0 !important;
        _line-height: 0; /*IE6 only*/
        -moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666 !important;
        -webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666 !important;
        box-shadow: 0 1px 0 #111, 0 2px 0 #666 !important;
}
 
.dop_menu li:last-child {
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
}
 
.dop_menu a {
        padding: 10px;
        width: 130px;
        _height: 10px; /*IE6 only*/
        display: block;
        white-space: nowrap;
        float: none;
        text-transform: none;
        outline: none;
}
 
.dop_menu li:hover {
        background-color: #111 !important;
}

#search_menu {
  left: 0 !important;
  top: 50px !important;
}

Можете по-подробнее описать где какой цвет за что отвечает?

И еще у меня названия вылезают из таблицы. Как можно исправить?

Sergio_fen
Новичок

Сообщения : 25
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2013-01-25

http://deseptikons.moskvaforum.net/

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

Решено Re: раскраска панели навигации

Сообщение автор Sergio_fen в Вт 19 Мар - 14:00

По раскраске разобрался. теперь только надо чтобы текст не вылазил за рамку.

Sergio_fen
Новичок

Сообщения : 25
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2013-01-25

http://deseptikons.moskvaforum.net/

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

Решено Re: раскраска панели навигации

Сообщение автор Сказочник Зазеркалья в Вт 19 Мар - 14:10

@Sergio_fen пишет:По раскраске разобрался. теперь только надо чтобы текст не вылазил за рамку.
А можно ссылку на страницу, где расположена сейчас эта панель, чтобы разобраться как решить проблему ? wink

Сказочник Зазеркалья
Дизайнер
Дизайнер

Пол : Мужчина
Сообщения : 3672
Возраст : 25
Место обитания : Морг.
Карма : Без предупреждений
Благодарности : 687
Регистрация : 2012-11-16

http://help.forum2x2.ru

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

Решено Re: раскраска панели навигации

Сообщение автор Sergio_fen в Вт 19 Мар - 14:46


Sergio_fen
Новичок

Сообщения : 25
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2013-01-25

http://deseptikons.moskvaforum.net/

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

Решено Re: раскраска панели навигации

Сообщение автор Сказочник Зазеркалья в Вт 19 Мар - 15:07


Найдите этот фрагмент, а затем цифру 130, замените допустим на 400. girl_yes


.dop_menu a {
padding: 10px;
width: 130px;
_height: 10px; /*IE6 only*/
display: block;
white-space: nowrap;
float: none;
text-transform: none;
outline: none;
}

Сказочник Зазеркалья
Дизайнер
Дизайнер

Пол : Мужчина
Сообщения : 3672
Возраст : 25
Место обитания : Морг.
Карма : Без предупреждений
Благодарности : 687
Регистрация : 2012-11-16

http://help.forum2x2.ru

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

Решено Re: раскраска панели навигации

Сообщение автор Sergio_fen в Вт 19 Мар - 15:38

Это просто окно станет шире, что уже не эстетично смотрится.
Хотелось бы, чтобы текст переносился на новую строчку, соответственно и окна чтоб расширялись по высоте под текст.

Еще заметил, что данная кнопка работает лишь на главной странице(!), как же ее сделать рабочей с любого форума?
Тут если поставить " На всех страницах" -то не работает вообще, поставил галки в "В оглавлении" "На портале" "В подфорумах" "В темах" - и заработало.

Теперь бы разобраться, почему сылка не хочет открываться в новом окне, и с автоформатом окна таблицы.

Здравствуйте,
У нас более 7 дней нет никаких новостей от автора темы.
В связи с этим мы полагаем, что проблема больше не актуальна и закрываем тему.

Если вы по-прежнему нуждаетесь в решении, откройте, пожалуйста, новую тему.
С уважением, Forum2x2

Sergio_fen
Новичок

Сообщения : 25
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2013-01-25

http://deseptikons.moskvaforum.net/

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

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

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

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