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

Взял пример вот от сюда:
https://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 пишет:По раскраске разобрался. теперь только надо чтобы текст не вылазил за рамку.

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

http://uc-alfa.moskvaforum.net/
пожалуйста

http://www.snapsnap.ru/i/555rtr.jpg
вот скрин

Sergio_fen пишет:http://www.snapsnap.ru/i/555rtr.jpg
вот скрин

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

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

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

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

Тут если поставить " На всех страницах" -то не работает вообще, поставил галки в "В оглавлении" "На портале" "В подфорумах" "В темах" - и заработало.

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

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