Админка dle 12, LogicBoard, Reputation 6.5 и другие модули

WYLEK · **Тема создана** 09 января 2018, 11:45:02

Поставил dle 12 на виртуалку посмотреть что к чему. Зашел в админку - все сияет и переливается. Зашел в раздел Сторонние модули...мда...полный пипец.

Вот так выглядел модуль в админке до переделки.

Там где поддержана админка модуля - все красиво, а там где поддерживаются только прежние версии движка все одним цветом, кнопок тоже не найдешь. Решил поглядеть различие файлов application.css, нашел конечно решение. Ждать, когда авторы модулей доведут до ума акдминку, желания нет, глюк правда один - если выбрать в оформлении панели все черным, получается инверсия цвета и ничего не видно. Но, с остальным оформлением все выглядит нормально. Взял для начала модуль форума LogicBoard 5.1. Все выглядит печально - ни оформления ни кнопок не видать

Так выглядит после переделки.

Самое главное, что это может сделать любой админ сайта. Что нужно для этого - дописать стили оформления с версии dle 11.3 в application.css на dle 12.
Этот код надо разместить в конце файла application.css на dle 12, или скопируйте сами с версии dle 11.3. Теперь оформление будет как надо.

Показать / Скрыть текст

/*--- for dle 113 ---*/.box{-webkit-box-shadow:0 0 10px 0 #cccccc;-moz-box-shadow:0 0 10px 0 #cccccc;box-shadow:0 0 10px 0 #cccccc;background:#ffffff;border:1px solid #cdcdcd;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;margin-bottom:20px}
.box .box-header,.box .box-footer{*zoom:1;background:#eaeaea;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#fdfdfd),color-stop(100%,#eaeaea));background-image:-webkit-linear-gradient(top,#fdfdfd,#eaeaea);background-image:-moz-linear-gradient(top,#fdfdfd,#eaeaea);background-image:-o-linear-gradient(top,#fdfdfd,#eaeaea);background-image:linear-gradient(top,#fdfdfd,#eaeaea);text-shadow:0 1px white;border-bottom:1px solid #CDCDCD;color:#636363;font-weight:600}
.box .box-header:before,.box .box-header:after,.box .box-footer:before,.box .box-footer:after{display:table;content:"";line-height:0}
.box .box-header:after,.box .box-footer:after{clear:both}
.box .box-header .title,.box .box-footer .title{float:left;display:block;padding:10px;font-size:12px;font-weight:600}
.box .box-header .box-toolbar,.box .box-footer .box-toolbar{margin:0;padding:0;float:right;list-style:none}
.box .box-header .box-toolbar .ibutton-container,.box .box-footer .box-toolbar .ibutton-container{margin-top:6px}
.box .box-header .box-toolbar > li,.box .box-footer .box-toolbar > li{position:relative;float:left;margin-left:15px;padding-right:10px;color:#636363;font-size:12px}
.box .box-header .box-toolbar > li ul,.box .box-footer .box-toolbar > li ul{left:auto;right:0}
.box .box-header .box-toolbar > li.toolbar-link,.box .box-footer .box-toolbar > li.toolbar-link{padding-right:0}
.box .box-header .box-toolbar > li.toolbar-link > a,.box .box-footer .box-toolbar > li.toolbar-link > a{border-left:1px solid #cecece;height:37px;line-height:37px;display:block;padding:0 10px}
.box .box-header .box-toolbar > li.toolbar-link > a i,.box .box-footer .box-toolbar > li.toolbar-link > a i{font-size:16px}
.box .box-header .box-toolbar > li.toolbar-link > a:hover,.box .box-footer .box-toolbar > li.toolbar-link > a:hover{background:#efefef;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ffffff),color-stop(100%,#efefef));background-image:-webkit-linear-gradient(top,#ffffff,#efefef);background-image:-moz-linear-gradient(top,#ffffff,#efefef);background-image:-o-linear-gradient(top,#ffffff,#efefef);background-image:linear-gradient(top,#ffffff,#efefef)}
.box .box-header .box-toolbar > li.toolbar-link > a:active,.box .box-footer .box-toolbar > li.toolbar-link > a:active{background:#e5e5e5}
.box .box-header .box-toolbar > li > i,.box .box-footer .box-toolbar > li > i{font-size:14px;height:37px;line-height:37px}
.box .box-header .box-toolbar > li.open > a,.box .box-footer .box-toolbar > li.open > a{background:#eee}
.box .box-header{-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px}
.box .box-footer{-moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;border-bottom:none;border-top:1px solid #dddddd}
.box .box-footer .pagination{margin:0}
.box .box-footer.flat{border-top:none;background:#f1f1f1;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#fbfbfb),color-stop(100%,#f1f1f1));background-image:-webkit-linear-gradient(top,#fbfbfb,#f1f1f1);background-image:-moz-linear-gradient(top,#fbfbfb,#f1f1f1);background-image:-o-linear-gradient(top,#fbfbfb,#f1f1f1);background-image:linear-gradient(top,#fbfbfb,#f1f1f1)}
.box-list{list-style:none;margin:0}
.box-list > li{line-height:24px;*zoom:1;background:#f1f1f1;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#fbfbfb),color-stop(100%,#f1f1f1));background-image:-webkit-linear-gradient(top,#fbfbfb,#f1f1f1);background-image:-moz-linear-gradient(top,#fbfbfb,#f1f1f1);background-image:-o-linear-gradient(top,#fbfbfb,#f1f1f1);background-image:linear-gradient(top,#fbfbfb,#f1f1f1);text-shadow:0 1px white;padding:10px;border-bottom:1px solid #ddd}
.box-list > li:before,.box-list > li:after{display:table;content:"";line-height:0}
.box-list > li:after{clear:both}
.box-list > li:last-child{border-bottom:none}
.box-list .fields li{line-height:23px}
.box-section{border-bottom:1px solid #ddd;margin-left:0;margin-right:0;border-top:1px solid #fff;padding:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.box-section:last-child{border-bottom:none}
.faded-toolbar a{margin-right:10px}
.faded-toolbar.pull-right a{margin-left:10px;margin-right:0}
.faded-toolbar i{-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;transition:opacity 0.3s;vertical-align:middle;color:#989898;opacity:.6}
.faded-toolbar i:hover{opacity:1}
.box .box-header .nav{margin-bottom:0}
.box .box-header .nav-tabs + .title{float:right}
.box .box-header .nav-tabs{border-bottom:none}
.box .box-header .nav-tabs > .active > a,.box .box-header .nav-tabs > .active > a:hover{background:#ffffff;border-left-color:#dddddd;border-right-color:#dddddd;border-top-color:transparent;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0}
.box .box-header .nav-tabs.nav-tabs-left{float:left}
.box .box-header .nav-tabs.nav-tabs-left li:first-child a{border-left:0;-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px}
.box .box-header .nav-tabs.nav-tabs-right{float:right}
.box .box-header .nav-tabs.nav-tabs-right li:last-child a{border-right:0;-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;margin-right:0}
.box .box-header .nav > li > a:hover{border-color:transparent;background:none}
.box-header .tooltip{line-height:20px !important;text-shadow:none}
.box-header .progress{margin-top:15px}
.box-header .input-with-submit input{margin-bottom:0;margin-top:5px}

[свернуть]

Можно и кнопки с иконками, но это много лишнего кода, да и ненужного. В dle 12 это уже есть. Берем код кнопок Сохранить и Очистить кеш

<button id="send_notice" name="send_notice" class="btn bg-teal btn-sm btn-raised legitRipple"><i class="fa fa-floppy-o"></i> Сохранить</button>
<button id="clearbutton" name="clearbutton" class="btn bg-danger-600 btn-sm btn-raised legitRipple"><i class="fa fa-trash"></i> Очистить кеш</button>

Открываем файл admin_logicboard_dle.php и ищем слово Сохранить. Вы будете удивлены, но один раз создатель уже кнопки подгонял под актуальную версию

Вот что мы имеем. Еще, стиль "btn bg-teal btn-sm btn-raised legitRipple" это узкая кнопка, стиль "btn bg-teal btn-raised position-left legitRipple" это широкая кнопка, и изменяется их цвет соответственно оформлению админки, стиль "btn bg-danger-600 btn-sm btn-raised legitRipple" - только красный цвет, применил для очистки кеша.

<div style="margin-bottom:30px;">
<input type="hidden" name="edit" value="yes">
<!-- <input type="submit" class="btn btn-lg btn-green" value="Сохранить"> -->
<button name="check_updates" class="btn btn-green" style="width:120px;"><i class="icon-ok"></i> Сохранить</button>
<input type="hidden" name="user_hash" value="<?php echo $dle_login_hash; ?>" />
</form>
</div>
<div>
<form name="lb_clearcache" id="lb_clearcache" method="post">
<input type="hidden" name="edit" value="clear">
<button name="clearbutton" class="btn btn-red" style="width:120px;"><i class="icon-trash"></i> Очистить кеш</button>
<!-- <input type="submit" class="btn btn-red" value="Очистить кеш"> -->
<input type="hidden" name="user_hash" value="<?php echo $dle_login_hash; ?>" />
</form>
</div>
<div style="margin-bottom:30px;"></div>

Меняем стили кнопок с иконками, а старые оставляем на память. Я взял весь блок, что бы было понятно что к чему.

<div style="margin-bottom:30px;">
<input type="hidden" name="edit" value="yes">
<!-- <input type="submit" class="btn btn-lg btn-green" value="Сохранить"> -->
<button name="check_updates" class="btn bg-teal btn-sm btn-raised legitRipple"><i class="fa fa-floppy-o"></i> Сохранить</button>
<!-- <button name="check_updates" class="btn btn-green" style="width:120px;"><i class="icon-ok"></i> Сохранить</button> -->
<input type="hidden" name="user_hash" value="<?php echo $dle_login_hash; ?>" />
</form>
</div>
<div>
<form name="lb_clearcache" id="lb_clearcache" method="post">
<input type="hidden" name="edit" value="clear">
<!-- <button name="clearbutton" class="btn btn-red" style="width:120px;"><i class="icon-trash"></i> Очистить кеш</button> -->
<button name="clearbutton" class="btn bg-danger-600 btn-sm btn-raised legitRipple"><i class="fa fa-trash"></i> Очистить кеш</button>
<!-- <input type="submit" class="btn btn-red" value="Очистить кеш"> -->
<input type="hidden" name="user_hash" value="<?php echo $dle_login_hash; ?>" />
</form>
</div>
<div style="margin-bottom:30px;"></div>

----------------------------------------------------------------------------------------------------------------------

Вот и все, с форумом закончили, теперь надо добраться до модуля Reputation 6.5.

Вот так выглядел модуль в админке до переделки.

Так выглядит после переделки.

Вытягиваем коды кнопок для действия-злодействия.

<button class="btn btn-default dropdown-toggle legitRipple" data-toggle="dropdown"><i class="icon-pencil"></i> Действие <span class="caret"></span></button>
<input class="btn btn-green legitRipple" value="Готово" name="submit" style="width:100px;" type="submit">
<input class="btn btn-blue legitRipple" value="Выполнить" type="submit">
<input class="btn btn-blue legitRipple" value="Показать" type="submit">
<input class="btn btn-blue legitRipple" value="Пересчитать репутацию" type="submit">
<input class="btn btn-green legitRipple" value="Сохранить" type="submit">

Выбираем коды кнопок в админке dle 12. Если выбрать вот такой стиль - class="btn bg-slate-600 btn-sm btn-raised legitRipple", то цвет кнопок будет фиксированный. Если выбрать вот такой стиль - class="btn bg-teal btn-sm btn-raised legitRipple", то цвет кнопок будет меняться соответственно выбранному стилю.
Ищем где расположены коды кнопок для замены стиля. Я использую программу FileLocator Pro. Как искать - берем стиль btn-green и вставляем для поиска так.

Код кнопки находится в двух файлах, меняем так в файле repa_edit.php.

<input class="btn bg-teal btn-sm btn-raised legitRipple" type="submit" value="{$lang_repa['repa_done']}" name="submit" style="width:100px;">

так в файле repa_options.php

<input type="submit" class="btn bg-teal btn-sm btn-raised legitRipple" value="{$lang_repa['repa_save']}">

Ищем btn-blue. Найдено в двух файлах, меняем так в файле repa_logs.php в двух местах

<input class="btn bg-teal btn-sm btn-raised legitRipple" type="submit" value="{$lang['b_start']}">

<input class="btn bg-teal btn-sm btn-raised legitRipple" type="submit" value="{$lang['edit_act_1']}">

так в файле repa_main.php

<input class="btn bg-teal btn-sm btn-raised legitRipple" type="submit" value="Пересчитать репутацию">

Ищем btn-default, находится в файле repa_control.php и меняем на стиль кнопки "btn bg-teal btn-raised position-left nestable-action legitRipple dropdown-toggle" с иконкой

<button class="btn bg-teal btn-raised position-left nestable-action legitRipple dropdown-toggle" data-toggle="dropdown"><i class="fa fa-pencil-square-o"></i> {$lang['filter_action']} <span class="caret"></span></button>

Еще, но не обязательно, в файле repa.php сделать вот так, картинок все равно нет - они с девятых версий dle

// Опции
// ********************************************************************************
function opentable()
{
echo <<<HTML
<table width="100%">
    <tr>
        <td width="4"></td>
        <td></td>
        <td width="6"></td>
    </tr>
    <tr>
        <td></td>
        <td style="padding:5px;" bgcolor="#FFFFFF">
HTML;
}
function closetable()
{
echo <<<HTML
    </td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>
HTML;
}
function tableheader($value)

Все, радуемся. Да, модуль donbot_v.1.1 тоже будет выглядеть по людски. Теперь можно ждать доработок админки авторов модулей к dle 12, или купить

WYLEK · **Ответ #1 :** 02 февраля 2018, 09:54:35

Добавил еще стили, так будет как на фирме

Найти это

/*--- for dle 113 ---*/.box{-webkit-box-shadow:0 0 10px 0 #cccccc;-moz-box-shadow:0 0 10px 0 #cccccc;box-shadow:0 0 10px 0 #cccccc;background:#ffffff;border:1px solid #cdcdcd;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radi
us:3px;-o-border-radius:3px;border-radius:3px;margin-bottom:20px
}

Заменить на это

/*--- for dle 113 ---*/
.clearfix:after{clear:both}
.pull-right{float:right !important}
.pull-left{float:left !important}
*{margin:0px;padding:0px;text-decoration:none;outline:none}

a{color:#78808a}
a:hover,a:active,a:focus{cursor:pointer;outline:0px none;text-decoration:none;color:#5a6573}
.label{font-size:10px;text-shadow:none}
.main-content{position:relative;margin-left:251px}
h1,h2,h3,h4,h5,h6,th{color:#5f5f5f}
.note{color:#909090;font-style:italic;font-size:11px;margin-bot
tom:10px}
.box{box-shadow:0 0 10px 0 #cccccc;background:#fbfbfb;border:1px solid #cdcdcd;border-radius:3px;margin-bottom:20px}

И будет счастье

Кто в сети

Админка dle 12, LogicBoard, Reputation 6.5 и другие модули

WYLEK

Тема создана 09 января 2018, 11:45:02 Последнее редактирование: 09 января 2018, 11:55:24 от WYLEK

WYLEK

Ответ #1 : 02 февраля 2018, 09:54:35 #1

Ваши права на сайте