Что нового

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

Buger

Администратор
Команда форума
#1
Друзья, я начал разработку уникальной панели управления для пользователей и администраторов сайтов.
Данная панель планируется выпускаться в новых шаблонах как для 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

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

Buger

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

Buger

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

Chervia4oG

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

Buger

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

Chervia4oG

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

Buger

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

Вверх