Дизайн личного кабинета: відмінності між версіями

Матеріал з NoDeny
Перейти до навігації Перейти до пошуку
(Новая страница: «Доступно 2 способа изменить дизайн личного кабинета *Изменение шаблонов NoDeny *Включение л…»)
 
Рядок 5: Рядок 5:
=Изменение шаблонов NoDeny=
=Изменение шаблонов NoDeny=


Изменение дизайна сайта подразумевает обычно включение кастомного css-файла. Подключить лучше всего его в файле /usr/local/nodeny/web/tmpl/usr_top_block.html
Для того, чтобы заменить шаблоны личного кабинета, нам необходимо залогиниться под суперадмином и перейти в раздел «Документы». В этом разделе необходимо создать папку с именем, например, «Шаблоны» и обязательно поставить тег system. Если вы не поставите этот тег, то другие пользователи смогут изменять содержимое этой папки, что недопустимо т.к они могут исказить отображение личного кабинета.


Также в этом файле находится хедер личного кабинета. Вы можете также изменить его.
В отображении личного кабинета участвуют несколько шаблонов:
 
{| class="wikitable"
|-
|base
|основной шаблон, в котором задается структура документа, подгружаются css и js-скрипты
|-
|box
|шаблон для отображения чего-либо в рамке. Естественно, вы можете отказаться от рамки и сделать любое иное оформление
|-
|error_box
|шаблон для отображения блока с ошибкой
|-
|login
|страница логина
|}
 
Вы можете переопределить какой-либо шаблон, либо их все. Давайте попробуем создать совершенно иной дизайн. Сначала переопределим основной шаблон: создадим файл с именем, скажем, «Клиентская статистика» и вставим такой текст:
 
<pre>
<!doctype html>
<html>
<head>
<title>{{ cfg::net_title }}</title>
<meta http-equiv='Cache-Control' content='no-cache'>
<meta http-equiv='Pragma' content='no-cache'>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
<meta name='copyright' content='NoDeny Plus http://nodeny.com.ua'>
    <link rel='stylesheet' href='{{cfg::img_dir}}/nody.css' type='text/css'>
    <script type='text/javascript' src='{{cfg::img_dir}}/js/jquery.js'></script>
    <script type='text/javascript' src='{{cfg::img_dir}}/js/nody_modal.js' charset='UTF-8'></script>
    <script type='text/javascript' src='{{cfg::img_dir}}/js/nody_select.js' charset='UTF-8'></script>
    <script type='text/javascript' src='{{cfg::img_dir}}/js/nody.js' charset='UTF-8'></script>
{{ template::base.head }}{{ head_tag }}
{% if head_css %}<style type='text/css'>{{ head_css }}</style>{% endif %}
<script type='text/javascript'>
var nody;
$(document).ready(function() {
    nody = {
        msg_after_submit : '{{lang::msg_after_submit}}',
        img_after_submit : '{{cfg::img_dir}}/loading.gif',
        script_url      : '{{ses::script_url}}',
        document_ready  : nody_ready
    };
    nody.document_ready();
    {{ template::base.document_ready }}{{ document_ready }}
})
</script>
</head>
<body>
<div id='modal_window'></div>
<div id='buffer' style='display:none'>{{buffer}}</div>
        <div id='top_lines'>{{ top_lines }}</div>
        <div id='left_block'>{{ left_block }}</div>
        <div id='main_block'>{{ main_block }}<div>
        <div id='right_block'>{{ right_block }}</div>
</body>
</html>
</pre>

Версія за 06:48, 17 серпня 2016

Доступно 2 способа изменить дизайн личного кабинета

  • Изменение шаблонов NoDeny
  • Включение личного кабинета в iframe основного сайта

Изменение шаблонов NoDeny

Для того, чтобы заменить шаблоны личного кабинета, нам необходимо залогиниться под суперадмином и перейти в раздел «Документы». В этом разделе необходимо создать папку с именем, например, «Шаблоны» и обязательно поставить тег system. Если вы не поставите этот тег, то другие пользователи смогут изменять содержимое этой папки, что недопустимо т.к они могут исказить отображение личного кабинета.

В отображении личного кабинета участвуют несколько шаблонов:

base основной шаблон, в котором задается структура документа, подгружаются css и js-скрипты
box шаблон для отображения чего-либо в рамке. Естественно, вы можете отказаться от рамки и сделать любое иное оформление
error_box шаблон для отображения блока с ошибкой
login страница логина

Вы можете переопределить какой-либо шаблон, либо их все. Давайте попробуем создать совершенно иной дизайн. Сначала переопределим основной шаблон: создадим файл с именем, скажем, «Клиентская статистика» и вставим такой текст:

<!doctype html>
<html>
<head>
<title>{{ cfg::net_title }}</title>
<meta http-equiv='Cache-Control' content='no-cache'>
<meta http-equiv='Pragma' content='no-cache'>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
<meta name='copyright' content='NoDeny Plus http://nodeny.com.ua'>
    <link rel='stylesheet' href='{{cfg::img_dir}}/nody.css' type='text/css'>
    <script type='text/javascript' src='{{cfg::img_dir}}/js/jquery.js'></script>
    <script type='text/javascript' src='{{cfg::img_dir}}/js/nody_modal.js' charset='UTF-8'></script>
    <script type='text/javascript' src='{{cfg::img_dir}}/js/nody_select.js' charset='UTF-8'></script>
    <script type='text/javascript' src='{{cfg::img_dir}}/js/nody.js' charset='UTF-8'></script>
{{ template::base.head }}{{ head_tag }}
{% if head_css %}<style type='text/css'>{{ head_css }}</style>{% endif %}
<script type='text/javascript'>
var nody;
$(document).ready(function() {
    nody = {
        msg_after_submit : '{{lang::msg_after_submit}}',
        img_after_submit : '{{cfg::img_dir}}/loading.gif',
        script_url       : '{{ses::script_url}}',
        document_ready   : nody_ready
    };
    nody.document_ready();
    {{ template::base.document_ready }}{{ document_ready }}
})
</script>
</head>
<body>
<div id='modal_window'></div>
<div id='buffer' style='display:none'>{{buffer}}</div>
        <div id='top_lines'>{{ top_lines }}</div>
        <div id='left_block'>{{ left_block }}</div>
        <div id='main_block'>{{ main_block }}<div>
        <div id='right_block'>{{ right_block }}</div>
</body>
</html>