985 просмотров ||
Скачали 0 раз || Оставили 0 комментариев
На мой взгляд, вполне хорошая замена админ-панели. В чем плюсы: - Нет никакой юкозовской рекламы; - Можно настроить дизайн под свой "вкус и цвет"; - Можно свободно редактировать/удалять/добавлять вкладки в меню; - Можно вставить любой информер или какой-либо другой скрипт. Например, как сделано во кладке "Профиль" или "Поиск"; - Можно вставить свою рекламу.
Сам скрипт из себя представляет обычную фиксированную полоску к которой прикреплено выпадающее меню. Имея хорошую фантазию, из этого можно сделать нечто большее, чем то, что сделал я
Приступим к установке. Заходим в ПУ → Управление дизайном → CSS → В самый низ ставим:
ul, li { list-style: none; /* убираем маркеры списков */ margin: 0; /* обнуляем внешние поля */ padding: 0; /* обнуляем внутренние отступы */ }
#admin_bar ul, li { list-style: none; /* убираем маркеры списков */ } #admin_bar { height: 22px; /* высота основного меню */ font: 12px/20px Arial, sans-serif; /* стили шрифта */ } #admin_bar li { float: left; /* элементы списков всплывают влево */ position: relative; /* относительное позиционирование */ } #admin_bar ul li { float: none; /* отменяем всплытие для внутренних элементов списков */ } #admin_bar a { display: block; /* делаем ссылки блоками */ color: #4a4a4a; /* цвет текста ссылок */ text-decoration: none; /* убираем подчеркивание */ white-space: nowrap; /* запрещаем перевод строк */ padding: 2px 5px 2px 5px; /* внутренние отступы */ } #admin_bar ul a { min-width: 150px; /* минимальная ширина подпунктов */ width: auto !important; /* для поддержки IE6 */ width: 200px; /* для IE6 */ margin-top:-3px } #admin_bar ul { position: absolute; /* абсолютное позиционирование внутренних списков */ display: none; /* скрываем внутренние списки */ } #admin_bar li:hover ul, #admin_bar li.ie6 ul { display: block; /* делаем внутренние списки блочными при наведении мыши на внешние элементы LI */ } #admin_bar li:hover ul a, #admin_bar li.ie6 ul a { color: #686868; /* цвет текста внутренних ссылок */ } #admin_bar li:hover a, #admin_bar li ul a:hover, #admin_bar li.ie6 a { color: #353535; /* цвет текста внешних ссылок при наведении курсора на LI, а также внутренних ссылок при наведении курсора на них самих */ background: #E0E0E0; /* фон */ border: 1px solid #ccc; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; }
Далее заходим в верхнюю часть сайта и в самый верх ставим это: