Форма входа

Новости сайта

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


Здравствуйте! Хотелось бы предоставить вам нашу новую уникальную панель управления для администраторов и всех остальных групп пользователей сайта. Данная панель имеет гибкий и настраиваемый дизайн, отлично смотрится на различных мониторах (включая телефоны).
При желании ее всегда можно настроить под дизайн вашего сайта (о стилизации панели, читайте ниже). Она имеет весь стандартный функционал от обычной панели управления uCoz, только выглядит она гораздо приятнее и удобнее.

Данная панель будет постепенно улучшаться и обновляться по мере необходимости. При этом, вам ничего не нужно будет обновлять самостоятельно.
Обо всех больших изменениях (обновлениях) можно ознакомиться в данной новости.
Если у вас будут пожелания по улучшению, - пишите в комментариях.

Возможности и настройки панели


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


Настройки панели


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

3. Вы найдете примерно следующий код:
Код
<div id="st_panel" class="left dark"></div>

4. Изменяйте в нем class'ы на указанные ниже:
Код
left - расположение панели слева
right - расположение панели справа
white - светлый стиль панели
dark - темный стиль панели


Отключить панель можно следующим образом:


1. Зайти в админпанель управления сайтом
2. Сверху на панели перейти во вкладку "Дизайн" -> выбрать в выпадающем списке "Управление дизайном (шаблоны)"
3. Далее, в разделе "Глобальные блоки" выбрать пункт "Нижняя часть сайта"
4. Откроется редактор кода, где нужно вставить следующий код (желательно в самом низу, с новой строки):
Код
<script>
$(function(){
  $('#uAdminBar').attr('style', 'display: flex !important');
  $('#open_panel').remove();
  var panel_off = document.getElementById('st__panel');
  panel_off.remove();
});
</script>

5. После чего, нужно сохранить изменения, нажав на кнопку "Сохранить"
На этом отключение панели завершено, у вас будет стандартная панель пользователей от uCoz.

Список обновлений



Версия 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;
}


Версия 1.1.6


Добавлена возможность отключать панель на сайте.
После отключения панели, у вас будет отображаться стандартная панель пользователя от uCoz

Если у вас появятся вопросы или предложения, задавайте их в комментариях к данной новости.
Поделись с друзьями:
Добавлять комментарии могут только зарегистрированные пользователи.