Скрыть объявление
Вышла новая версия XenForo 1.5.14 Nulled By XenForo.Info. Поспешите обновить свои форумы на новую версию прямо сейчас!

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

Красивые BB-коды для XenForo 1.3.x и BbCodes & Buttons Manager.

  1. Hope
    Устанавливаем 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] и получается вот так:
    Google Chrome.png



    Переходим к созданию BB-кода информации:
    Создаём шаблон info_bbcode с таким содержимым:
    Код:
    <div class="noticeui noticeui-info">
    
    
        <p>{$content}</p>
    
    
    
        <span></span>
    
    </div>

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



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

    И получается вот такое:
    Google Chrome.png



    Теперь создаём BB-код предупреждения:
    Создаём новый шаблон warn_bbcode, с таким содержимым:
    Код:
    <div class="noticeui noticeui-warn">
    
    
        <p>{$content}</p>
    
    
    
        <span></span>
    
    </div>

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



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



    Ну и наконец создадим последний BB-код одобрения:
    Создаём шаблон success_bbcode, с таким содержимым:
    Код:
    <div class="noticeui noticeui-success">
    
        <p>{$content}</p>
    
    
    
        <span></span>
    
    </div>

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



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


    Вот и всё. Удачи и с наступающим! :-)
    DraveMor, вулкан, fau и 4 другим нравится это.

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

  1. 1.1

Пoследние рецензии

  1. вулкан
    вулкан
    5/5,
    Версия: 1.1
    Супер! работает как надо.
  2. Screem
    Screem
    5/5,
    Версия: 1.1
    Отлично работает и прекрасно смотрится!)
    Если не работает импорт, возможно вы импортируете не ту версию. Для успешного импорта в BBM, нужно импортировать версию для BBM
  3. xandrum
    xandrum
    2/5,
    Версия: 1.1
    Дошел до шага с импортом шаблона BB-кода и выводится ошибка при импорте. В итоге невозможно установить данную фичу.
    1. Hope
      Ответ автора
      У меня отлично работает и у многих тоже. Зря выставляете оценку, если не можете установить, ищите проблему у себя, не нужно вводить пользователей в заблуждение.