Понедельник, 18.01.2021, 12:30
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта

Наш опрос
Пользуетесь ли вы Поиском?


Всего ответов: 1420

установить такой вид опроса
Статистика
Яндекс.Метрика
Онлайн всего: 7
Гостей: 7
Пользователей: 0


Зарегистрировано 31029 (сегодня + 0 новых, вчера + 0 новых), В каталоге файлов 1130 материала(ов), Оставлено 5155 комментариев, На форуме создано тем и ответов.

установить такую статистику

Блок CW результаты

Победы
Победы(10)

Поражения
Поражения(5)


Установить CW блок на свой сайт
Внимание!
Наш сайт адаптирован под браузер Mozilla Firefox
скрипты для uCoz
Скачать/Download
В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

установить такой блок
Поиск



установить такую кнопку twitter
или такую
красивая кнопка Twitter

Расскажи Друзьям!
Топ комментаторов

установить такой информер
VKONTAKTE

FACEBOOK
Главная страница » Помощь Вебмастеру » Категория Скрипты для uCoz » Добавлено [08.11.2013, 14:59]

Скрипт админ-бар для uCoz

Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]

То что вы сейчас видите - это пробная версия. Просьба не судить строго, но конструктивная критика приветствуется. Это была и остается попытка создать совершенно новый админ-бар. В дальнейшем, админ-бары будут красоваться как на Roll Up стендах 85х200, а так же дорабатываться, усовершенствоваться и добавляться. 

Сказать что изменилось многое - мало. Поменялось абсолютно все, так что могу с гордостью представить абсолютно новый продукт. Что очень радует - градиентная заливка. Структура и оформление кнопок тоже поменялись - они стали более удобные и выглядят, на мой взгляд, очень эффектно. Но, основное, конечно же - их комфортное расположение. Эффект наведения, согласитесь, очень красивый, это отдельная заслуга разработчика. Неинтересная и надоедливая надпись про то что "использовано такое-то количество мегабайт" слева навсегда убрана. И, для любителей и ценителей - теперь поставлена тень.

Так что оценить качество нового админ-бара предлагаю всем желающим и, прошу оставлять комментарии - очень интересен свежий взгляд.

Установка

Перейдем к установке. Для начала вам необходимо в админ-баре поставить стандартным цветом "серый (gray)" [Общее - цвет админ-бара - серый]. Теперь скачиваем архив и заливаем два файла в папку "img". А сейчас самое простое: вставляем в свой ксс этот код:

Код
/*=======================Новый админ-бар==============================*/

#uzadmp {
background: rgb(201,201,201);
background: -moz-linear-gradient(top, rgba(201,201,201,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(201,201,201,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(201,201,201,1) 0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(201,201,201,1) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(201,201,201,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(201,201,201,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#ffffff',GradientType=0 ); /* Делаем градиентную заливку */
-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4); /*Создаем тень*/
-moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4)}  

.pbarContainer {display:none}/* Отключение "Всего использовано: ... MB*/

.admBarCenter {color:gray /*Цвет текста на кнопках в админ баре*/
  ;background:none!important/*Убирает кое-какой "баг"*/}
.admBarCenter:hover {background:url(/img/tb-btn-sprite.png)!important;border-radius:3px}/*Заменяем цвет кнопок админ-бара при наведении*/
.admBarLeft {background:none!important}/*Убираем стандартные цвета админ бара*/
.admBarLeft:hover {background:none!important}/*Заменяем цвет кнопок админ-бара при наведении*/
.admBarRight {background:none!important}/*Убираем стандартные цвета админ бара*/
.admBarRight:hover {background:none!important}/*Заменяем цвет кнопок админ-бара при наведении*/

.u-menucont {background: rgb(201,201,201);
background: -moz-linear-gradient(top, rgba(201,201,201,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(201,201,201,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(201,201,201,1) 0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(201,201,201,1) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(201,201,201,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(201,201,201,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#ffffff',GradientType=0 )}/*Задний фон выпадающего меню*/
.u-menuvsep {display:none}/*Скрываем разделитель внутри выпадающего меню*/

.u-menubody {border:none!important;background:red} /*Убираем "границы" выпадающего меню. Похожая штучка будет ниже. Но они не одинаковые, так что не убирать!*/

.u-menuvitem {backround:url(/img/menubg.png)!important;color:gray!important;font-size:9pt}
.u-menuvitem:hover {background:#C9C9C9!important;background-size:100%}

.u-menu {border-radius:0px 0px 5px 5px!important}/* Настраиваем "рамки" выпадающего меню*/
.xw-ml {background:#B7B7B7!important}/* Настраиваем "рамки" выпадающего меню*/
.xw-bl {background:#B7B7B7!important}/* Настраиваем "рамки" выпадающего меню*/
.xw-bc {background:#B7B7B7!important}/* Настраиваем "рамки" выпадающего меню*/
.xw-footer {background:#B7B7B7!important}/* Настраиваем "рамки" выпадающего меню, как я парился, когда это находил*/
.xw-br {background:#B7B7B7!important}/* Настраиваем "рамки" выпадающего меню*/
.xw-mc {background:#B7B7B7!important;border:none!important}/* Настраиваем "рамки" выпадающего меню и убираем "границы"*/
.xw-mr {background:#B7B7B7!important}/* Настраиваем "рамки" выпадающего меню*/
.xw-tl {background:#B7B7B7!important}/* Настраиваем "рамки" выпадающего меню, а здесь у меня голова взорвалась*/
.xw-tr {background:#B7B7B7!important}/* Настраиваем "рамки" выпадающего меню*/
.xw-tc {background:#B7B7B7!important}/* Настраиваем "рамки" выпадающего меню, наконец-то!*/

/*=============================================*/

Можно отметить один недостаток. Если у вас установлены коды других Ajax-окн, не стандартного вида, то админ-бар, возможно будет отображаться некорректно. Так как в Ajax-окнах есть стили, которые есть и в этом коде.


При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Скрипт админ-бар для uCoz



Расскажи друзьям интересные новости:


- Установить на свой сайт блок социальных закладок
Категория: Скрипты для uCoz | Добавил: scripts_for_ucoz | Теги: админ бар, админ-панель, ПУ uCoz, пу, панель управления, админ панель, admin-bar, админ-бар
Просмотров: 4080 | Загрузок: 0 | Комментарии: 2 | Рейтинг: 0.0/0


Всего комментариев: 2
2 Cliffka   (09.03.2014 00:47) [Материал]
Как архив скачать? angry

1 Jekan   (08.11.2013 23:18) [Материал]
опять где архив или гадаем на скриншоте? cool

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Для добавления необходима авторизация

Хостинг от uCoz