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

Материал из Umicms
Перейти к:навигация, поиск
Строка 1: Строка 1:
 +
 +
'''Актуально для версии 2.9'''
 +
 
Очень часто хочется изменить стандартный фон входа в административную панель, причем не просто поменять картинку, а добавить что-то интересное. В качестве примера рассмотрим такую ситуацию, когда на нашу добавляемую картинку накладывается фон стандартной картинки UMI.CMS.
 
Очень часто хочется изменить стандартный фон входа в административную панель, причем не просто поменять картинку, а добавить что-то интересное. В качестве примера рассмотрим такую ситуацию, когда на нашу добавляемую картинку накладывается фон стандартной картинки UMI.CMS.
  
Строка 34: Строка 37:
 
</source>
 
</source>
 
Теперь при заходе в административную панель мы сможем наслаждаться новым фоном, который объединяет наше собственное изображение и стандартный фон UMI.CMS. В данный момент все внесенные изменения исчезнут после обновления. Чтобы это не произошло, рекомендуем воспользоваться нашей статьей [[Добавление нового дизайна административной панели]]
 
Теперь при заходе в административную панель мы сможем наслаждаться новым фоном, который объединяет наше собственное изображение и стандартный фон UMI.CMS. В данный момент все внесенные изменения исчезнут после обновления. Чтобы это не произошло, рекомендуем воспользоваться нашей статьей [[Добавление нового дизайна административной панели]]
 
Проверялось на версии 2.9
 
  
 
[[Категория:Вопросы и уроки разработки сайтов на UMI.CMS]]
 
[[Категория:Вопросы и уроки разработки сайтов на UMI.CMS]]

Версия 08:08, 5 июня 2013

Актуально для версии 2.9

Очень часто хочется изменить стандартный фон входа в административную панель, причем не просто поменять картинку, а добавить что-то интересное. В качестве примера рассмотрим такую ситуацию, когда на нашу добавляемую картинку накладывается фон стандартной картинки 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. В данный момент все внесенные изменения исчезнут после обновления. Чтобы это не произошло, рекомендуем воспользоваться нашей статьей Добавление нового дизайна административной панели