Генератор CSS-свойства «border-radius»
Артем Мáлков
1 009 просм
6 комм
Поделиться

Скин «Purple flower» для панели управления DLE

Мы, вебмастера, как Алиса в Зазеркалье, знаем всю кухню сайтостроения изнутри. И очень порой печально проводить свой рабочий день в скучных и официозных админках. Но, кто если не мы, профессионалы своего дела, можем добавить красок рутинному оформлению внутренностей сайта?

Скин «Purple flower» для панели управления DLE

На мой взгляд, сайт должен быть хорош и привлекателен не только для пользователей, но удобен для администраторов. Именно поэтому, мы представляем вашему вниманию скин «Purple flower» для админки, который кардинально заменит скучную, стандартную форму входа в панель управления DataLife Engine. Сам скин выполнен в приятных, фиолетовый тонах и абсолютно прост в установке.

Скин тестировался на DLE версии 10.0 - 11.1

Установка

1. Для начала скачайте архив с дополнительными материалами в конце статьи.

2. Откройте файл default.skin.php в папке /engine/skins/ и на 509 и 510 строчках удалите следующий код:

<link href="engine/skins/stylesheets/application.css" rel="stylesheet" type="text/css" />
{$custom_css}

3. После чего, чуть ниже удалите стили:

<style type="text/css">
div.selector {
width: 100%;
height: 38px;
margin-left: 2px;
}
div.selector:after {
top: 6px;
}
div.selector span {
padding: 0;	
padding-left: 40px;
height: 36px;
line-height: 36px;
}
body {
background: url("engine/skins/images/bg.png");
}
.box {
margin-bottom: 5px;
}
label {
margin-bottom:0px;
}
</style>

4. И вместо них, подключите новые стили нашего скина:

<link href="/engine/skins/purple_flower/style.css" rel="stylesheet" type="text/css" />

5. Ниже, все что находится в теге <body></body>, кроме скрипта, удалите, это строки 548-601, и у вас должно остаться следующее:

<body>
<script language="javascript" type="text/javascript">
<!--
var dle_act_lang   = [];
var cal_language   = {en:{months:[],dayOfWeek:[]}};
//-->
</script>
</body>

6. После оставшегося скрипта, вставьте нашу новую форму входа:

<div class="main_block_admin">
<div class="head_admin_block">Панель управления</div>
<div class="body_admin_block">
 <form  name="login" action="" method="post" class="separate-sections"><input type="hidden" name="subaction" value="dologin">
<div class="padding_input_admin">
<div><input type="text" name="username" placeholder="Логин" class="input_admin login"></div>
<div class="padding_input_admin2"><input type="password" name="password" placeholder="Пароль" class="input_admin password"></div>
<div class="result">{result}</div>
<button type="submit" class="btn">Войти</button>
<div class="check_position"><span><input type="checkbox" class="icheck" name="login_not_save" id="login_not_save" value="1"/></span><label for="login_not_save">{$lang['m_not_save']}</label></div>
</div>
</form>
</div>
<div class="shadow"></div>
<div class="copyright">Powered by <a href="https://artem-malcov.ru" title="Все для начинающего веб-мастера" target="_blank">Artem Malcov</a>.</div>
</div>

7. И напоследок, в папку /engine/skins/ загрузите папку purple_flower из архива.

Установка закончена, почистите кеш и наслаждайтесь новой и приятной формой входа.

Внимание! Нумерация строк может отличаться, в зависимости от версии движка.

ФайлРазмерСсылка
6
комментарий
ZH
17.11 в 23:42
Можете такой же сделать только для входа на сайт? С Возможностью восстановления пароля и регистрации.
  • 1
Артем Малков
17.11 в 23:44
ZH, Можем, сделаем через пару дней.
  • 1
ZH
19.11 в 04:20
Артем Малков, Было бы очень хорошо. Спасибо большое.
  • 1
Chessman
19.11 в 16:45
Ну для своих проектов менять вход в принципе нет необходимости. А вот чтоб не палиться перед заказчиком можно заморочиться))
  • 0
Артем Малков
19.11 в 17:26
Chessman, мне лично стандартная форма кажется скучноватой :)
  • 0
WebTheory
21.11 в 11:50
У меня новый шаблон стоит в админ панель потому что стандартный скучный...
  • 0
Оставить комментарий:
Нажимая кнопку «Отправить» вы даете согласие на обработку своих персональных данных.
Ваше Имя
Ваш E-mail
Текст комментария