Название: (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_

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

У КОГО ПОСЛЕ ВСТАВКИ 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;  }
}

 

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

 

}

 

 

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

Edited 30 января, 201311 yr by egorea1999

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

 

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

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