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

Vitaliks в 09:49, 8 мая 2019

2019-05-08T09:49:47Z

Vitaliks: Актуализация статьи

2019-05-08T09:47:19Z

Актуализация статьи

Mad grant в 08:08, 5 июня 2013

2013-06-05T08:08:38Z

Mad grant в 20:50, 4 июня 2013

2013-06-04T20:50:09Z

Alexei в 06:48, 4 июня 2013

2013-06-04T06:48:14Z

Alexei: Новая страница: «Очень часто хочется изменить стандартный фон входа в административную панель, причем не п…»

2013-05-31T14:28:43Z

Новая страница: «Очень часто хочется изменить стандартный фон входа в административную панель, причем не п…»

Новая страница

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

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

Нас интересует следующий участок кода:
<source lang="xml">
body {
background: url(/images/cms/admin/mac/common/bg.jpg) center center;
height: 100%;
margin: 0;
}
</source>
Тут мы задаем стандартное изображение UMI.CMS
<source lang="xml">
#sub {
background: url(/images/cms/admin/mac/common/bg5.jpg) center center;
height: 100%;
margin: 0;
opacity: 0.50;
}
</source>
Здесь мы описываем новое изображение, и указываем необходимую прозрачность.
После этого, необходимо следующий код:
<source lang="xml">
<body onload="javascript:document.getElementById('login_field').focus();">
<div id="main">
</source>
Изменить на
<source lang="xml">
<body onload="javascript:document.getElementById('login_field').focus();">
<div id="sub">
</div>
<div id="main">
</source>
Теперь при заходе в административную панель мы сможем наслаждаться новым фоном, который объединяет наше собственное изображение и стандартный фон UMI.CMS. В данный момент все внесенные изменения исчезнут после обновления. Чтобы это не произошло, рекомендуем воспользоваться нашей статьей [[Добавление нового дизайна административной панели]]

[[Категория:Общие вопросы работы UMI.CMS]]

@@ Строка 4: / Строка 4: @@
 == Задача ==
-Очень часто хочется изменить стандартный фон входа в административную панель, причем не просто поменять картинку, а добавить что-то интересное. В качестве примера рассмотрим такую ситуацию, когда на нашу добавляемую картинку накладывается фон стандартной картинки UMI.CMS.
+Иногда может возникнуть необходимость изменить стандартный фон входа в административную панель, причем не просто поменять картинку, а добавить что-то интересное. В качестве примера заменим стандартную картинку UMI.CMS на другую.
 == Решение ==

← Предыдущая		Версия 20:50, 4 июня 2013
Строка 37:		Строка 37:
	Проверялось на версии 2.9		Проверялось на версии 2.9

−	[[Категория:~~Общие вопросы работы~~ UMI.CMS]]	+	[[Категория:Вопросы и уроки разработки сайтов на UMI.CMS]]

@@ Строка 1: / Строка 1: @@
-'''Актуально для версии 2.9'''
+'''Актуально для версии 20'''
 Очень часто хочется изменить стандартный фон входа в административную панель, причем не просто поменять картинку, а добавить что-то интересное. В качестве примера рассмотрим такую ситуацию, когда на нашу добавляемую картинку накладывается фон стандартной картинки UMI.CMS.
-Нам необходимо отредактировать файл /styles/skins/mac/main_login.xsl
+== Решение ==
 Нас интересует следующий участок кода:
-<source lang="xml">
+<source lang="css">
 body {
-     background: url(/images/cms/admin/mac/common/bg.jpg) center center;
+	background: url(/images/cms/admin/mac/common/bg.jpg) center center;
-     height: 100%;
+	height: 100%;
-     margin: 0;
+	overflow: hidden;
+	width: 100%;
 </source>
-Тут мы задаем стандартное изображение UMI.CMS
 <source lang="xml">
-#sub {
+<div class="bubbles" />
-     background: url(/images/cms/admin/mac/common/bg5.jpg) center center;
+<div class="bubbles-front" />
-     height: 100%;
+</source>
-     margin: 0;
-     opacity: 0.50;
+А так же в файле /styles/skins/modern/design/js/mainLogin.js удалить или закомментировать строку:
+<source lang="js">
 </source>
-Здесь мы описываем новое изображение, и указываем необходимую прозрачность.
-После этого, необходимо следующий код:
+=== Решение для Butterfly (mac) ===
-<source lang="xml">
-<body onload="javascript:document.getElementById('login_field').focus();">
+Нам необходимо отредактировать файл /styles/skins/mac/main_login.xsl
-<div id="main">
 </source>
-Изменить на
+Тут мы меняем стандартное изображение UMI.CMS на альтернативное:
-<source lang="xml">
+<source lang="css">
-<body onload="javascript:document.getElementById('login_field').focus();">
+body {
-<div id="sub">
+	background: url(/images/cms/admin/mac/common/bg.jpg) center center;
-</div>
+	height: 100%;
-<div id="main">
+	margin: 0;
 </source>
-Теперь при заходе в административную панель мы сможем наслаждаться новым фоном, который объединяет наше собственное изображение и стандартный фон UMI.CMS. В данный момент все внесенные изменения исчезнут после обновления. Чтобы это не произошло, рекомендуем воспользоваться нашей статьей [[Добавление нового дизайна административной панели]]
 [[Категория:Вопросы и уроки разработки сайтов на UMI.CMS]]