Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Стили (CSS) » Что надо добавить в код, чтобы было меню 3-го уровня

Что надо добавить в код, чтобы было меню 3-го уровня


     12.11.2011    Все вопросы » Стили (CSS)    4128

вопрос
Данный код из файла стилей css шаблоны Pisces что надо добавить в данный код чтобы можно было делать меню 3-го уровня?

/*---toolbar---*/
#toolbar { position: relative; z-index: 111; height: 66px; padding: 0 15px 0 5px; }
  #topmenu { line-height: 27px; margin-top: 19px; text-shadow: 0 1px 0 #73a519; }
    #topmenu li, #topmenu a, #topmenu a b { height: 28px; float: left; }
      #topmenu a { text-decoration: none; margin-right: 1px; color: #2c2c2c; background: url("../images/topmenu.png") no-repeat 0 -999px; }
        #topmenu a b { cursor: pointer; padding: 0 10px; background: url("../images/topmenu.png") no-repeat 0 -999px; }

        #topmenu a:hover { text-shadow: 0 1px 0 #55820d; background-color: #649711; background-position: 0 0; }
          #topmenu a:hover b { background-position: 100% -28px; }
        
        #topmenu .sublnk a { background-position: 0 -112px; }
          #topmenu .sublnk a b { padding-right: 25px; background-position: 100% -140px; }

        #topmenu .sublnk a:hover, #topmenu .sublnk.selected a { padding-bottom: 2px; background-color: #649711; background-position: 0 -56px; }
          #topmenu .sublnk a:hover b, #topmenu .sublnk.selected a b { padding-right: 25px; background-position: 100% -84px; }

        /*---SubMenu---*/
        #topmenu .sublnk { position: relative; }
        #topmenu li.sublnk ul { background-color: #649711; width: 220px; margin: 0; top: 30px; left: 0; position: absolute; z-index: 1999; display: none;
          opacity:0.9; -moz-opacity:0.9; filter:alpha(opacity=90);
        }
        #topmenu li.sublnk ul li a, #topmenu li.sublnk ul li, #topmenu li.sublnk ul li a b { background: none; float: none; height: auto; display: block; line-height: normal; text-transform: none; }
        #topmenu li.sublnk ul li { padding: 0; }
        #topmenu li.sublnk ul li a { text-shadow: none; color: #fff; padding: 6px 0 !important; width: 100%; border-bottom: 1px solid #71aa15; }
        #topmenu li.sublnk ul li a:hover { background-color: #6fa614; }

Ответил: ПафНутиЙ


Нужно добавить в данный код немного смекалки.
Другими словами выкинуть его и нагуглить любой подходящий код выпадающего меню.
Это гораздо проще, чем точить код стандартного шаблона под свои нужды.
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх