Что нового

Уникальная панель управления для пользователей и админов

Buger

Администратор
Команда форума
Друзья, я начал разработку уникальной панели управления для пользователей и администраторов сайтов.
Данная панель планируется выпускаться в новых шаблонах как для UCOZ, так и для DLE.
Как будет готова и протестирована, я вас уведомлю.

Возможности и настройки панели:
1. Изменение расположения (слева или справа)
2. Изменение цветовой гаммы под дизайн вашего сайта
3. Для сайтов uCoz, возможность включения "Конструктора" и функции "Смотреть сайт как... (админ, гость, пользователь и т.д.)"
4. Вывод размера дискового пространства (сколько доступно и сколько осталось)
5. Вывод сервера на котором расположен сайт.
Пока это основное из выше перечисленного, но по мере возможности я буду дорабатывать больше функций.
Я хочу ее сделать более гибкой и удобной для всех.
После чего уведомлю всех вас.

РЕЛИЗ УНИКАЛЬНОЙ ПАНЕЛИ УПРАВЛЕНИЯ ДЛЯ ПОЛЬЗОВАТЕЛЕЙ И АДМИНОВ

2019-05-23_1-14-41.jpg

Данная панель управления будет присутствовать в новых шаблонах для сайтов ucoz.
Настройка панели:

1. В админпанели перейдите в раздел "Глобальные блоки"
2. Найдите при помощи поиска по коду, идентификатор "st_panel"

2019-05-23_1-25-51.jpg

3. Вы найдете примерно следующий код:
Код:
<div id="st_panel" class="left dark"></div>
4. Изменяйте в нем class'ы на указанные ниже:
left - панель слева
right - панель справа
white - светлый стиль панели
dark - темный стиль панели



ОБНОВЛЕНИЕ (1.1.0)

Изменение дизайна панели (в ручном режиме):


Добавьте в файл стилей вашего шаблона (обычно он называется style.css), в самый низ следующий код, и отредактируйте его цветовую гамму.
Найдите и Замение в коде "#my_color" на цвет который вам нужен. Например на серый цвет - #dddddd
Общий код css стилей
Код:
#st_panel .uadm-profile > div.st_panel__header {background: #my_color !important; color: #my_color;}
#st_panel {background: #my_color !important;}
#st_panel .uadm-tooltip {background: #my_color !important;}
#st_panel .uadm-iparent .uadm-tooltip:hover, #st_panel .st_panel__title:hover {background:  #my_color !important; color: #my_color !important;}
#st_panel .uadm-subi, #st_panel .uadm-subl {background:  #my_color !important;}
#st_panel .uadm-subi:hover {border-left-color:  #my_color !important;background-color:  #my_color !important;}
#st_panel .uadm--cut-text b::before {color:  #my_color;}

Расшифровка кода
Код:
/* Верхняя часть панели (шапка). Фон и цвет текста.
---------------------------------------------------------------*/
#st_panel .uadm-profile > div.st_panel__header {
    background: #my_color !important; 
    color: #my_color;
}


/* Основной фон панели
---------------------------------------------------------------*/
#st_panel {
    background: #my_color !important;
}


/* Фон раздела
---------------------------------------------------------------*/
#st_panel .uadm-tooltip {
    background: #my_color !important;
}


/* Фон и  цвет текста при наведении на ссылку раздела
---------------------------------------------------------------*/
#st_panel .uadm-iparent .uadm-tooltip:hover, #st_panel .st_panel__title:hover {
     background:  #my_color !important;
     color: #my_color !important;
}


/* Фон ссылки подраздела
---------------------------------------------------------------*/
#st_panel .uadm-subi, #st_panel .uadm-subl {
    background:  #my_color !important;
}


/* Цвет границы и фон ссылки при наведении в подразделе
---------------------------------------------------------------*/
#st_panel .uadm-subi:hover {
    border-left-color:  #my_color !important;
    background-color:  #my_color !important;
}


/* Цвет иконки (смотреть сайт как ...) */
#st_panel .uadm--cut-text b::before {
    color:  #my_color;
}
Если у вас появятся вопросы или предложения, задавайте в комментариях к данной теме. ;)
 
Последнее редактирование:

Buger

Администратор
Команда форума
Она будет доступна как в шаблонах, так и отдельно :)
Если есть какие-то предложения - пишите!
 

Buger

Администратор
Команда форума
Первая версия данной панели будет доступна (надеюсь) в шаблоне MineCraft ;)
Так что ожидаем релиза нового шаблона.
 

Buger

Администратор
Команда форума
Каждый день захожу на сайт и форум в ожидании шаблона
Терпение - только терпение... Не могу разорваться, потому что есть и другие дела. Но скажу, что больше половины сделал. Остается только страницу материала сделать и буду натягивать на uCoz и DLE (может зацеплю и Wordpress)
 

Chervia4oG

Пользователь
Терпение - только терпение... Не могу разорваться, потому что есть и другие дела. Но скажу, что больше половины сделал. Остается только страницу материала сделать и буду натягивать на uCoz и DLE (может зацеплю и Wordpress)
а можно спойлер? скрин или что-то интересное
 

Buger

Администратор
Команда форума
Добавлена настройка панели (смотрите первое сообщение в данной теме)
 

Chervia4oG

Пользователь
Спасибо, полезно, а как можно больше кастомизировать её по цветам и т.д. ?? если сss у вас на серверах
 

Buger

Администратор
Команда форума
В следующем обновлении я это реализую
 

Buger

Администратор
Команда форума
Добавлена стилизация панели (пока в ручном режиме)
 

Chervia4oG

Пользователь
Привет, Avast начал ругаться на сайт, наверное из-за сss с новой админ панели идут погрузка с art-ucoz и shopthemes.ru
можно перенести css на свой сервер или убрать предупреждение от антивируса.
 

Вложения

Buger

Администратор
Команда форума
Привет, Avast начал ругаться на сайт, наверное из-за сss с новой админ панели идут погрузка с art-ucoz и shopthemes.ru
можно перенести css на свой сервер или убрать предупреждение от антивируса.
Подправил скрипт!
Это было из-за того, что на art-ucoz.ru нет https:// сертификата.
Вроде должно быть все нормально.
virustotal.com - не ругается ! Все гуд.
 
Последнее редактирование:

Buger

Администратор
Команда форума
проблема актуальна =(
Почитал на форумах, это возникает у многих, у кого Аваст (он ругается на всё, после обновления, причем темы находил аж от 2014 года). Тут скорее проблема в антивируснике, а не в скрипте. Дело в том, что я на заказ делаю шаблоны уже с этой панелью - жалоб на нее небыло (8 уникальных заказов было и 4 в магазине на продаже). Работает на ура - всем нравится. Если же это смущает, то просто отключи её (убрав в глобальном блоке код: <div id="st_panel" class="right white"></div> )
 

Chervia4oG

Пользователь
Понял, спасибо. Я думаю не многих стоит аваст, так что не критично =)
 

Верх