Дата: Sunday, 18.05.2008, 12:01 | Сообщение # 1
| -- | Сообщение отредактировал VACion - Wednesday, 04.11.2009, 11:45 | -- |
|
BBComplex - JavaScript модуль для сайтов системы uCoz, позволяющий использовать и создавать новые BB-Коды, использовать альтернативную панель BB-Кодов в форме добавления сообщений, создавать новые её элементы, настраивать её внешний вид на свой вкус и многое другое. bbComplex предоставляет возможность тонкой настройки для каждого своего компонента. Данная версия представляет собой вторую редакцию, с которой было убрано практически всё, что её отличало от первой на первый взгляд. TODO: http://vacionlib.org.ru/support/TODO.txt CHANGELOG: http://vacionlib.org.ru/support/CHANGELOG.txt [blink]Внимание![/blink] Прежде, чем задавать вопрос, попробуйте его поискать. Вполне возможно, что ответ на него уже был дан. Обратите особое внимание часто задаваемые вопросы(ЧЗВ/FAQ). За их очередное повторение будет бан. Не можете сами настроить скрипт? Вам сюда! Вопросы по дизайну и HTML здесь НЕ ОБСУЖДАЮТСЯ! Наказание - бан. [Помощь новичкам] [Учебник по HTML] [Вопросы по дизайну BBComplex] В этот скрипт входят: 1. BB-Коды: - BB-Код скрытого текста(Спойлера) для uCoz;
- BB-Код оффтопика для uCoz;
- BB-Код бегущей строки для uCoz;
- BB-Код FLV-Плеера для uCoz;
- BB-Коды таблиц, дополнительные BB-Коды подчеркивания и фоматирования текста;
- BB-Код всплывающей подсказки;
- BB-Коды уведомления и предупреждения;
- Ваши собственные BB-Коды? Никогда ещё создание новых BB-Кодов не было легче, чем с bbComplex!
2. Модификации: - Новая, расширенная и редактируемая панель добавления сообщений с возможностью выбора тем;
- Панель выбора дополнительных цветов при выборе цвета текста или фона;
3. Исправления, особенности, возможности и полезные функции: - Исправление панели добавления сообщений. Кратко говоря, курсор не сбивается после, поле ввода не "падает" и не "взлетает" после нажатия кнопки добавления того или иного кода;
- Вы никогда не замечали, что при использовании других скриптов на BB-Коды новые BB-Коды ведут себя внутри [code][/code] не так, как стандартные? В bbComplex этого недоразумения нет!
- Табличные BB-Коды: поддерживаются BB-Коды [table], [tr] и [td]. Для [td] можно задавать параметр "colspan";
- Полная настраиваемость и большая гибкость, возможность сделать почти каждый элемент своими, нестандартными функциями;
- Возможность скрывать отдельные или все спойлеры от гостей;
- Возможность лёгкого изменения стилей новых BB-кодов. Все коды по-умолчанию имеют свой класс CSS;
- Десять доступных по-умолчанию стилей для панели BB-кодов, возможность скачивания набора и использования своего собственного набора в скрипте вместо одного из стандартных!
- Вы хотите "плюсики" и "минусики" к спойлеру как на DLE? Это не проблема! В bbComplex уже предусмотрена такая возможность!
- Скрипт совместим с большинством современных браузеров, таких как IE6, Opera 9.5+, Mozilla Firefox 3+, Google Chrome и Safari;
- Продукт bbComplex является абсолютно бесплатным и продаже не подлежит. Истинная копия bbComplex находится на Лаборатории Ватсона и только на Лаборатории Ватсона. За подлинность любых других копий скрипта автор не отвечает.
4. Замороженные(вырезанные) функции: HIDE по количеству сообщений([addtitle=uCoz больше не использует AJAX, только jQuery]AJAX[/addtitle]) Быстрый просмотр([addtitle=uCoz больше не использует AJAX, только jQuery]AJAX[/addtitle]) Безопасная отправка сообщений([addtitle=uCoz больше не использует AJAX, только jQuery]AJAX[/addtitle]) Загрузка компонентов: bbcomplex.js: http://vacionlib.org.ru/support/bbcomplex.js translit/translit.xml: http://vacionlib.org.ru/translit/translit.xml bbicons.7z: http://vacionlib.org.ru/download/bbicons.7z [архиватор 7z] Для скачивания файлов .XML щелкните по ссылке правой кнопкой мыши и выберите "сохранить как..." или "сохранить по ссылке". Выделенные файлы обязательны. Установка скрипта: [cut]Для форума: отредактировать шаблон "Общий вид страниц форума", добавить в любом месте после $BODY$ следующий код: Code <script type="text/javascript" language="javascript" src="http://vacionlib.org.ru/support/bbcomplex.js"></script><script type="text/javascript">var ShowHiddenSpoiler='$USER_LOGGED_IN$';StartBBComplex();</script> "http://vacionlib.org.ru/support/bbcomplex.js" заменить на путь до bbcomplex.js. По желанию отредактировать шаблон "Форма добавления сообщения" и заменить $BBCODES$ на следующий код: Code <?if($BBCODES$)?>{?BBPANEL?}<?endif?> Для гостевой книги: отредактировать шаблон "Страница с сообщениями", добавить в любом месте после $BODY$ следующий код: Code <script type="text/javascript" language="javascript" src="http://vacionlib.org.ru/support/bbcomplex.js"></script><script type="text/javascript">var ShowHiddenSpoiler='$USER_LOGGED_IN$';StartBBComplex();</script> "http://vacionlib.org.ru/support/bbcomplex.js" заменить на путь до bbcomplex.js. По желанию отредактировать шаблон "Форма добавления сообщения" и заменить $BBCODES$ на следующий код: Code <?if($BBCODES$)?>{?BBPANEL?}<?endif?> Установка скрипта для комментариев возможна таким же образом со страниц материала и комментариев, либо через добавление в конец шаблона "Вид комментариев" следующего кода: Code <script src="http://vacionlib.org.ru/support/bbcomplex.js" language="JavaScript" type="text/JavaScript"></script><script type="text/JavaScript">var ShowHiddenSpoiler='$USER_LOGGED_IN$';bbComplete("$NUMBER$");</script> "http://vacionlib.org.ru/support/bbcomplex.js" заменить на путь до bbcomplex.js. При этом в виде комментариев нужно указать в параметрах блока с сообщением(Блок должен содержать $MESSAGE$) id="msg$NUMBER$". В таком случае форму добавления комментариев поставьте: Code <script src="http://vacionlib.org.ru/support/bbcomplex.js" language="JavaScript" type="text/JavaScript"></script><?if($BBCODES$)?><script type="text/javascript">DrawBBCodesPanel();</script><?endif?> "http://vacionlib.org.ru/support/bbcomplex.js" заменить на путь до bbcomplex.js.[/cut] Установка дополнительных модулей: [cut=Транслит]Чтобы установить модуль "Транслит", нужно скачать translit.xml, заменить в нём в теге iframe в свойстве src после знака ? параметр style на порядковый номер стиля, используемого вашим сайтом, и загрузить на сайт в папку /translit. Номер означае следующие стили: 1. Синий 2. Зелёный 3. Серый 4. Розовый 5. Оранжевый 6. Чёрный[/cut] Настройка скрипта: [cut]var DefMsgIconUrl - путь(URL) к папке с иконками для ВСЕХ кодов, использующих иконки. Все пути иконок будут работать относительно значения этой переменной, так что будьте внимательны. Обратите внимание, что следует указывать полный путь, то есть "http://mysite.com/bbicons/", а не "/bbicons/". var disableBBInCode - отвечает за одно из главных достоинств BBComplex - за отключение BB-Кодов внутри блоков BB-Кода "code". var UseExtendedPreview=true; - эта опция отвечает за расширенный предпросмотр сообщений. Если вам он не нужен, поставьте false. var UseSafeSubmit=true; - эта опция отвечает за использование технологии AJAX при создании/редактировании сообщений и тем. Поставьте false, если вам это не нужно. var _tag_array=function(){...} - это главный элемент парсера BB-Кодов. В нем указываются функции BB-Кодов для обработки. Оттуда можно удалить любой элемент, и скрипт не будет его обрабатывать. Сюда же нужно добавлять указатели на свои собственные BB-Коды. var _tag_array_xxx=function(){...} - это функция BB-Кода. Для того, чтобы создать свой BB-Код нужно создать новую функцию. var defXXX - это тег BB-Кода. Его можно поменять, и если BB-Код раньше назывался, к примеру, cut, то теперь будет называться по-вашему. var hideModOnlyFEntries=true; - если true, то HIDE по количествам постов подсчитывает только сообщения форума. Если false, то подсчитывает материалы пользователя со всех модулей. var defFLVbackcolor = "447136"; и var defFLVfrontcolor = "1e9a17"; - цвета оформления FLV-Плеера. var defFLVbackpict = false; - вместо false можно указать путь до фоновой картинки. var defFLVtitlepict = false; - вместо false можно указать путь до логотипа. var x_imageSpoilerIcon_cl = false; и var x_imageSpoilerIcon_op = false; - если false заменить на адреса картинок, то перед заголовком спойлера будет добавляться иконка, при раскрытии/закрытии спойлера иконка будет менятся. Это может быть нужно, к примеру, для добавления значков плюса и минуса для спойлера. Значки, доступные на Лаборатории: "spoiler/plus.gif", "spoiler/minus.gif" Также эти значки идут в комплекте с картинками для формы добавления сообщений, адрес значков должен быть относителен переменной DefMsgIconUrl в настройках общих настройках скрипта. var AlwaysHideSpoilersFromGuests = false; - если поставить true, то гости не смогут просматривать никакие спойлеры. Для этого им придется зарегистрироваться и войти. По-умолчанию(false), от гостей скрываются лишь спойлеры с параметром [cut noguest]. var _bb_PanelButtonTheme = "classicgreen"; - тема оформления кнопок в форме добавления сообщений. На Лаборатории доступно 10 тем: smfdarkgreen, smfgrey, smfblue, classic, classicflat, classicgreen, classicgreenfl, darkstone, modern, vista. var HighLightButtons = true; - если true, обрабатывает события наведения и клика мыши. Если false, кнопка статическая и следующая переменная не даёт никакого эффекта. var HighLightUnclosedTagButtons = true; - если true, выделяет кнопки в панели BB-Кодов для незакрытых тэгов. Если предыдущая переменная равна false, не даёт никакого эффекта. var panel_array=function() - это главный элемент панели добавления сообщений. Отсюда можно удалять ненужные элементы панели. Сюда же можно добавлять свои элементы.[/cut] Классы(для каскадных таблиц стилей - CSS): [cut].UHidBlock - блок HIDE по количество постов. .UHidBlockL - надпись "Доступно только для<...>" блока HIDE по количество постов. .UHidMessage - содержимое блока HIDE по количество постов. .bbNoticeName - заголовок уведомления. .bbNoticeMessage - текст уведомления. .bbWarningName - заголовок предупреждения. .bbWarningMessage - текст предупреждения. .bbOffBlock - блок оффтопика. .bbOffName - заголовок оффтопика. .offtopicMessage - содержимое оффтопика. .spMsgBlock - блок спойлера. .spMsgTitle0 - заголовок закрытого спойлера. .spMsgTitle1 - заголовок открытого спойлера. .spMsgTitle2 - заголовок скрытого от гостей спойлера для неавторизованных пользователей. .spMsgText - содержимое спойлера.[/cut] Примеры BB-Кодов: [cut][table][tr][td=auto,auto,middle,2] Проверка BB-Кодов: [/td][/tr][tr][td]Спойлер [/td][td][cut]скрытый текст[/cut][cut noguest]скрытый от гостей текст[/cut][cut=скрытый текст]скрытый текст[/cut][cut noguest=скрытый от гостей текст]скрытый от гостей текст[/cut] [/td][/tr][tr][td]Многовложенный спойлер [/td][td][cut]Вложенный спойлер[cut]Вложенный[cut]Вложенный спойлер[cut][cut]Вложенный [cut][cut][cut]Вложенный спойлер[cut]Вложенный спойлер[/cut][/cut]Вложенный спойлер[cut]Вложенный спойлер[/cut][/cut]Вложенный спойлер[/cut]спойлер[/cut]Вложенный спойлер[/cut][/cut][cut]Вложенный спойлер[/cut]спойлер[/cut][/cut] [/td][/tr][tr][td]Оффтопик [/td][td][off]*здесь флуд и оффтопик* :)[/off] [/td][/tr][tr][td]Бегущая строка [/td][td] [move]бегущая строка[/move] [/td][/tr][tr][td]Таблицы и текст внутри [code] [/td][td]Эта таблица. [cut=Коды:] Code [table][tr][td colspan=2]Заголовок[/td][/tr][tr][td]Правый столбец[/td][td]Левый столбец[/td][/tr][/table] [/cut] [/td][/tr][tr][td]FLV-Плеер [/td][td][cut][player]http://vacionlib2.ucoz.ru/get_video.flv[/player][/cut] [/td][/tr][tr][td]Всплывающий текст [/td][td][addtitle=Жди своей очереди на зохавание Ктулху!]Наведите указатель мыши для просмотра[/addtitle] [/td][/tr][tr][td]Дополнительные теги оформления текста [/td][td][wavygreen]Зеленый волнистый[/wavygreen] [wavyred]Красный волнистый[/wavyred] [double]Двойное подчеркивание[/double] [dashed]Пунктирное подчеркивание[/dashed] [bgcolor=red]Подсвеченый текст[/bgcolor] [bgcolor=blue]Другой подсвеченый текст[/bgcolor] [/td][/tr][tr][td]Предупреждение и уведомление [/td][td][notice]Текст уведомления[/notice] [warn]Текст предупреждения[/warn] [/td][/table][/cut] ЧЗВ/FAQ: [cut] 1. Как установить скрипт в форму добавления/редактирования материала в модулях сайта(новости,файлы,статьи и т.п.)? Ответ: Этой возможности никогда не будет в bbComplex'е. При добавлении/редактировании материалов вам доступны HTML-коды, поэтому вам не нужен скрипт, чтобы добавлять те или иные функции. 2. Как сделать спойлер при добавлении/редактировании материала в модулях сайта(новости,файлы,статьи и т.п.)? Ответ: Сворачивание глобальных блоков. 3. После установки скрипта перестал работать скрипт на иконки для тем(jQ). Ответ: Поставьте скрипт на иконки не в форме добавления сообщений, а в общем виде страниц форума после bbComplex'а. И только попробуйте задавать здесь ещё вопросы про это! Наказание - бан. 4. Я установил опцию, чтобы спойлеры всегда скрывались от гостей, но когда я устанавливаю режим "Смотреть сайт как->Гости", то все спойлеры всё-равно видно. Ответ: Вам нужно выйти(разлогиниться) с сайта и смотреть не как гость, а гостем. 5. Как добавить свой BB-Код? Ответ: Инструкции в комментариях к bbcomplex.js со строки 24 по строку 34(относительно оригинальной версии Лаборатории Ватсона). После создания самого BB-Кода, его необходимо добавить в массив обработки. 6. Как добавить новую кнопку на панель BB-Кодов? Ответ: Инструкции по созданию новых кнопок на панели находятся в комментариях к bbcomplex.js со строки 231 по строку 246(относительно оригинальной версии Лаборатории Ватсона). После создания самой кнопки, её необходимо добавить в массив панели BB-Кодов. 7. Как задать свою иконку кнопке в панели BB-Кодов? Ответ: скачайте архив bbicons.7z, распакуйте и закачайте иконки из него на свой сайт, затем укажите в настройках путь к закачанным картинкам. После этого можно также добавлять новые иконки и указывать их в параметрах кнопок. 8. Будете ли вы переделывать cut из BBComplex под стандартный спойлер от uCoz? Ответ: Нет. uCoz'овский спойлер кату из BBComplex в подмётки не годится. [/cut] Примечания: Если мой скрипт вам понравился, в качестве благодарности можете поставить у себя мой баннер. Его код находится здесь, в конце страницы. Также можно провести двусторонний обмен баннерами. |