Скин «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>
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://www.pandoge.com" title="Все для начинающего веб-мастера" target="_blank">Artem Malcov</a>.</div>
</div>7. И напоследок, в папку /engine/skins/ загрузите папку purple_flower из архива.
Установка закончена, почистите кеш и наслаждайтесь новой и приятной формой входа.
Внимание! Нумерация строк может отличаться, в зависимости от версии движка.