Изменение фона входа в административную панель

Материал из Umicms
Перейти к:навигация, поиск

Очень часто хочется изменить стандартный фон входа в административную панель, причем не просто поменять картинку, а добавить что-то интересное. В качестве примера рассмотрим такую ситуацию, когда на нашу добавляемую картинку накладывается фон стандартной картинки UMI.CMS.

Нам необходимо отредактировать файл /styles/skins/mac/main_login.xsl

Нас интересует следующий участок кода: 

body {
     background: url(/images/cms/admin/mac/common/bg.jpg) center center;
     height: 100%; 
     margin: 0;
     }

Тут мы задаем стандартное изображение UMI.CMS 

#sub {
     background: url(/images/cms/admin/mac/common/bg5.jpg) center center;
     height: 100%;
     margin: 0;
     opacity: 0.50;
     }

Здесь мы описываем новое изображение, и указываем необходимую прозрачность. После этого, необходимо следующий код: 

<body onload="javascript:document.getElementById('login_field').focus();">
<div id="main">

Изменить на 

<body onload="javascript:document.getElementById('login_field').focus();">
<div id="sub">
</div>
<div id="main">

Теперь при заходе в административную панель мы сможем наслаждаться новым фоном, который объединяет наше собственное изображение и стандартный фон UMI.CMS. В данный момент все внесенные изменения исчезнут после обновления. Чтобы это не произошло, рекомендуем воспользоваться нашей статьей Добавление нового дизайна административной панели

Проверялось на версии 2.9

Источник — «https://wiki.umisoft.ru/index.php?title=Изменение_фона_входа_в_административную_панель&oldid=4775»