Перейти к содержанию

(SOS) BBCodes v2 / BB-коды уведомлений


_Dark_

Рекомендуемые сообщения

Название: (SOS) BBCodes v2 / BB-коды уведомлений

Добавил: _Dark_

Добавлен: 19 Мар 2012

Категория: ББКоды IP.Board

Данное дополнение добавляет 4 новых BB-кода, которые могут быть особенно полезными для администрации форума.

Эти BB-коды могут играть роль уведомлений в теме.

Каждый BB-код добавляет свой стиль уведомления:

  1. Ошибка
  2. Информация
  3. Подтверждение
  4. Предупреждение
(см. скриншот).

От меня:

  • Перевод на русский язык названий BB-кодов и подсказок для них.
  • Доступ к ним имеют только группы Администраторы и Модераторы.
  • Изменил адрес изображений BB-кодов, теперь они загружаются не с фотохостинга, а с Dropbox. Это надежнее :)
  • Перевод справочного файла.

Установка:

(См. также в файле Readme.html).

Шаг 1: Импорт XML файлов

Войдите в Админ Центр и перейдите в раздел Внешний вид. Выберите BB-коды в левом меню. В нижней части этой страницы найдите заголовок Импортировать новые BB-коды. Выберите файл confirmation.xml из этого архива и нажмите на Импортировать. После, загрузите по порядку файлы: error.xml, information.xml, warning.xml.

Шаг 2: Добавление CSS стилей

В Админ Центре перейдите в раздел Внешний вид, кликните на название стиля который используется в данный момент на сайте, нажмите на кнопку CSS в редакторе. Нажмите Добавить CSS-файл, введите его имя - SOS_BBCodes и вставьте в редактор:

.noticeui
{
background: url({style_images_url}/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({style_images_url}/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({style_images_url}/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; }
}

Шаг 3: Загрузка файлов

Загрузите папку public из папки upload в архиве в корень вашего форума.


Автор: Paulo Coradini

Перевод: _Dark_

Ссылка на комментарий
Поделиться на другие сайты

  • Ответов 88
  • Создана
  • Последний ответ

Топ авторов темы

Рекомендую поставить их на этот форум.

Ссылка на комментарий
Поделиться на другие сайты

Мы свои сделаем как дизайн сменим :)

Ссылка на комментарий
Поделиться на другие сайты

Спасибо, но меня только одно волнует, что с мобильным стилем делать?

Ссылка на комментарий
Поделиться на другие сайты

Спасибо, но меня только одно волнует, что с мобильным стилем делать?

Деликатно забить на него :)

Ссылка на комментарий
Поделиться на другие сайты

Деликатно забить на него :)

Всё-равно не катитит, боюсь, а вдруг кто-то с моб. версии сидеть будет и он в теме не прочитает что написано.....что тогда?

Ссылка на комментарий
Поделиться на другие сайты

Сейчас смартфоны практически у каждого такие, что и мобильная версия не нужна)

Ссылка на комментарий
Поделиться на другие сайты

Сейчас смартфоны практически у каждого такие, что и мобильная версия не нужна)

Эх....буду надеяться что все люди не будут сидеть с нокии 3310....

Ссылка на комментарий
Поделиться на другие сайты

Довольно таки не плохо!

Даже на моб. стиле отлично все!

Ссылка на комментарий
Поделиться на другие сайты

  • 4 месяца спустя...

только две иконки ставятся в панель бб кодов, другие две вообще не такие как на скрине и плюс одинаковые

Ссылка на комментарий
Поделиться на другие сайты

У меня же все прекрасно работало, скриншот же с моего форума.

Ссылка на комментарий
Поделиться на другие сайты

только две иконки ставятся в панель бб кодов, другие две вообще не такие как на скрине и плюс одинаковые

Ставится 4 - по 2 одинаковых.

У меня же все прекрасно работало, скриншот же с моего форума.

Я так понял, что имеется ввиду...
Ссылка на комментарий
Поделиться на другие сайты

Ставится 4 - по 2 одинаковых.

Я так понял, что имеется ввиду...

Да, правильно! Я про это и имел ввиду! Как сделать чтобы были четыре разных значка?! У меня только два правых получилось поставить разными, а Два левых не в какую не хотят меняться.

Ссылка на комментарий
Поделиться на другие сайты

Я в настройках кодов убрал названия картинок, сохранил, потом заново их прописал, предварительно загрузив на ФТП в папку кодов картинки с кодов (эти коды по большому счеты аналогичны, просто он без русификации) и теперь порядочек.

Ссылка на комментарий
Поделиться на другие сайты

Я в настройках кодов убрал названия картинок, сохранил, потом заново их прописал, предварительно загрузив на ФТП в папку кодов картинки с кодов (эти коды по большому счеты аналогичны, просто он без русификации) и теперь порядочек.

спс помогло, только я все проделал с этими файлами, а не с теми, которые по ссылке.

Ссылка на комментарий
Поделиться на другие сайты

Чтобы код могли использовать только админы, делайте это в настройках бб кодов

Ссылка на комментарий
Поделиться на другие сайты

  • 1 месяц спустя...

А не подскажите как перенести эти кнопки на новую строчку и вообще как можно упорядочить значки на панеле?

Чтобы как тут получилось

index.php?app=downloads&module=display&s

Ссылка на комментарий
Поделиться на другие сайты

А не подскажите как перенести эти кнопки на новую строчку и вообще как можно упорядочить значки на панеле?

Насколько я знаю стандартными средствами нельзя упорядочивать значки в визуальном редакторе.

Ссылка на комментарий
Поделиться на другие сайты

Ребята, как бы размер отрегулировать.

В чате налазить на дату, в "файлах" налазить на скриншот.

Ссылка на комментарий
Поделиться на другие сайты

В SOS_BBCodes у класса .noticeui задана ширина width:83%;

Ссылка на комментарий
Поделиться на другие сайты

не работают коды в этом bb, искажается когда например ставлю жирным и задаю цвет с шрифтом.

Ссылка на комментарий
Поделиться на другие сайты

Я думаю в них не нужно использовать другие BB-коды для выделения текста.

Ссылка на комментарий
Поделиться на другие сайты

  • 2 месяца спустя...

У КОГО ПОСЛЕ ВСТАВКИ CSS КОДА НЕКОРРЕКТНО РАБОТАЕТ УВИЛЕЧЕНИЕ, из этого кода:

 

.noticeui
{
background: url(__dl.dropbox.com/u/55648293/Direct/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(__dl.dropbox.com/u/55648293/Direct/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(__dl.dropbox.com/u/55648293/Direct/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;  }
}

 

УДАЛЯЕМ (В конце)

 

}

 

 

И все работает!

Изменено пользователем egorea1999
Ссылка на комментарий
Поделиться на другие сайты

А не подскажите как перенести эти кнопки на новую строчку и вообще как можно упорядочить значки на панеле?

 

Можно переименовать их по типу .Error .Warning .information .Success , и они все станут рядышком.

Ссылка на комментарий
Поделиться на другие сайты

Спасибо, думал опять не будет работать но к удивлению он работает.

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...