(XFI) BB-код ошибки, информации, предупреждения и одобрения

Устанавливаем BbCodes & Buttons Manager, если ещё не установлен или обновляемся до XenForo 1.3.x.

Содержимое папки upload из архива загрузите в корень своего форума.

Начнём с установки BB-кода ошибки:
Переходим к своим шаблонам и создаём новый шаблон с названием error_bbcode, и с таким содержимым:

Код:

<div class="noticeui noticeui-error">



    <p>{$content}</p>



    <span></span>

</div>

Импортируем файл Error.xml из архива вот тут: /admin.php?bbm-bbcodes/import-uploader

Далее, в шаблон EXTRA.css добавляем (этот код сразу для всех BB-кодов):

Код:

.noticeui
{
    background: url(/bbcodes/noticebg.png) repeat-x 0 0;
    color: #FFF;
    width: 83%;
    font-weight: normal;
    padding: 13px 15px 0;
    margin-bottom: 2.5em;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
    box-shadow: 1px 1px 2px rgba(0,0,0,.4);
    position: relative;
    left: 34px;
}

.noticeui p { margin-bottom: 1.5em; }
.noticeui p:last-child  { margin-bottom: 0; }

.noticeui ul { margin-left: 8px; margin-bottom: 1.5em; }
.noticeui ul:last-child { margin-bottom: 0; }

    .noticeui li { background: url(/bbcodes/noticetabs.png) no-repeat 0 -95px; list-style-type: none; padding-left: 18px; margin-bottom: .75em; }
        .noticeui-success li { background-position: 0 -95px; }
        .noticeui-warn li { background-position: 0 -895px; }
        .noticeui-error li { background-position: 0 -495px; }
        .noticeui-info li { background-position: 0 -1295px; }

.noticeui h5 { font-size: 14px; font-weight: bold; margin-bottom: .65em; }

.noticeui span { background: url(/bbcodes/noticetabs.png) no-repeat 100% 0; width: 33px; height: 40px; position: absolute; left: -34px; top: 9px; }

.noticeui-success { background-color: #EEF4D4; color: #596C26; border: 1px solid #8FAD3D; }
    .noticeui-success span { background-position: 100% 0;  }
.noticeui-warn { background-color: #FFEA97; color: #796100; border: 1px solid #E1B500; }
    .noticeui-warn span { background-position: 100% -800px;  }
.noticeui-error { background-color: #EFCEC9; color: #933628; border: 1px solid #AE3F2F; }
    .noticeui-error span { background-position: 100% -400px;  }
.noticeui-info { background-color: #C6D8F0; color: #285797; border: 1px solid #4381CD; }
    .noticeui-info span { background-position: 100% -1200px;  }
}

BB-код ошибки вставляется в таком формате: [error]XenForo.Info![/error] и получается вот так:

Переходим к созданию BB-кода информации:
Создаём шаблон info_bbcode с таким содержимым:

Код:

<div class="noticeui noticeui-info">


    <p>{$content}</p>



    <span></span>

</div>

Импортируем файл Info.xml из архива

Данный BB-код выводится так: [info]XenForo.Info[/info]

И получается вот такое:

Теперь создаём BB-код предупреждения:
Создаём новый шаблон warn_bbcode, с таким содержимым:

Код:

<div class="noticeui noticeui-warn">


    <p>{$content}</p>



    <span></span>

</div>

Импортируем файл Warn.xml из архива

Данный BB-код будет выводиться так: [warn]XenForo.Info[/warn] и отображаться вот так:

Ну и наконец создадим последний BB-код одобрения:
Создаём шаблон success_bbcode, с таким содержимым:

Код:

<div class="noticeui noticeui-success">

    <p>{$content}</p>



    <span></span>

</div>

Импортируем файл Success.xml из архива

Данный BB-код выводится так: [success]XenForo.Info[/success] и отображается вот так:

Вот и всё. Удачи и с наступающим! :-)

Реакции: DraveMor, вулкан, fau и 4 других

Мы ценим вашу конфиденциальность

Мы используем основные cookies для обеспечения работы этого сайта, а также дополнительные cookies для обеспечения максимального удобства пользователя.

(XFI) BB-код ошибки, информации, предупреждения и одобрения 1.1

Другие ресурсы пользователя Hope

Поделиться ресурсом

Последние обновления

1.1

Последние отзывы

Мы ценим вашу конфиденциальность