|
Архив - только для чтения |
| Замена панели стандартных bb-кодов на свои |
SiamiX  | Дата: Суббота, 10 Ноябрь 2007, 18:44:01 | Сообщение # 1 |
Создатель
Группа: Администраторы
Сообщений: 335
Репутация: 43
Статус: Отсутствует
.: Дополнительные данные :.
| Опять же, все это дело взято тут, и автор идеи сего чуда - мистер subONE. Поехали:
1. Скрываем стандартные кнопки, скрываем по желанию  Я у себя оставил size, family, color.
Для этого в шаблоне - "Общий вид страниц форума", в head, пишем следующие:
Code <style type="text/css">
#bc19 {display:none;}
#bc18 {display:none;}
#bc17 {display:none;}
#bc16 {display:none;}
#bc15 {display:none;}
#bc14 {display:none;}
#bc13 {display:none;}
#bc12 {display:none;}
#bc11 {display:none;}
#bc10 {display:none;}
#bc9 {display:none;}
#bc8 {display:none;}
#bc7 {display:none;}
#bc3 {display:none;}
#bc2 {display:none;}
#bc1 {display:none;}
</style>
2. Теперь беремся за добавление новых кнопок.
Для этого в шаблоне - "Форма добавления сообщения", перед $BBCODES$, пишем:
Code <img src="http://www.siamix.net.ru/Design/Forum/bb_codes/bold.png" border="0" title="Жирный" onclick="simpletag('b','','','message','')"> <img src="http://www.siamix.net.ru/Design/Forum/bb_codes/italic.png" border="0" title="Курсив" onclick="simpletag('i','','','message','')"> <img src="http://www.siamix.net.ru/Design/Forum/bb_codes/underlined.png" border="0" title="Подчеркнутый" onclick="simpletag('u','','','message','')"> <img src="http://www.siamix.net.ru/Design/Forum/bb_codes/s.png" border="0" title="Зачеркнутый" onclick="simpletag('s','','','message','')"> <img src="http://www.siamix.net.ru/Design/Forum/bb_codes/hr.png" border="0" title="Провести линию" onclick="tag_hr('message','')"> <img src="http://www.siamix.net.ru/Design/Forum/bb_codes/image.png" border="0" title="Добавить Картинку" onclick="tag_image('message','')"> <img src="http://www.siamix.net.ru/Design/Forum/bb_codes/link.png" border="0" title="Вставить ссылку" onclick="tag_url('message','')"> <img src="http://www.siamix.net.ru/Design/Forum/bb_codes/email.png" border="0" title="Вставить email" onclick="tag_email('message','')"> <img src="http://www.siamix.net.ru/Design/Forum/bb_codes/code.png" border="0" title="Код" onclick="simpletag('code','','','message','')"> <img src="http://www.siamix.net.ru/Design/Forum/bb_codes/quote.png" border="0" title="Цитата" onclick="simpletag('quote','','','message','')"> <img src="http://www.siamix.net.ru/Design/Forum/bb_codes/list.png" border="0" title="Вставить Список" onclick="tag_list('message','')"> <img src="http://www.siamix.net.ru/Design/Forum/bb_codes/left.png" border="0" title="По левому краю" onclick="simpletag('l','cdl','···','message')"> <img src="http://www.siamix.net.ru/Design/Forum/bb_codes/center.png" border="0" title="По центру" onclick="simpletag('c','cdc','···','message')"> <img src="http://www.siamix.net.ru/Design/Forum/bb_codes/right.png" border="0" title="По правому краю" onclick="simpletag('r','cdr','···','message')"> <img src="http://www.siamix.net.ru/Design/Forum/bb_codes/all_codes.png" border="0" title="Все коды" onclick="window.open('/index/17','bbCodes','scrollbars=1,width=550,height=450,top=0,left=0'); "> <img src="http://www.siamix.net.ru/Design/Forum/bb_codes/close_all_open_codes.png" border="0" title="Закрыть все открытые коды" onclick="closeall('message','')"> <img src="http://www.siamix.net.ru/Design/Forum/bb_codes/smile.png" border="0" title="Еще смайлы" onclick="window.open('/index/35-1-','allSmiles','scrollbars=1,width=350,height=450,top=0,left=0'); "> <img src="http://www.siamix.net.ru/Design/Forum/bb_codes/klava.PNG" border="0" title="Виртуальная клавиатура" onclick="window.open('/forum/0-0-0-31','virtKB','width=300,height=120,top=0,left=0');">
[off]Картинки можете заменить на свои. Как это сделать, думаю разберетесь  [/off]
3. Для кнопки "Провести линию", еще необходим скрипт, и по этому:
В шаблоне - "Общий вид страниц форума", в head, добавляем следующие:
Code <script>
function tag_hr()
{
doInsert("[hr]")
}
</script>
4. Все готово, можно пользоваться. Пример можете посмотреть тут, у нас на сайте В моем примере нет таких кнопок, как: Выделение оффтопа, Загрузить фото, Транслит. Для этих кнопок нужны отдельные скрипты. В чем отличие от варианта subONE?
У меня правильно обрабатываются теги: По левому краю, По центру, По правому краю. Ну и я добавил еще стандартных тегов, ну и нарисовал немного картинок. Еще можно добавить кнопки:
Транслит
 
|
| |
|
| |
| rodik | Дата: Понедельник, 17 Декабрь 2007, 00:47:40 | Сообщение # 31 |
|
Рядовой
Группа: Пользователи
Сообщений: 3
Репутация: 0
Статус: Отсутствует
.: Дополнительные данные :.
| Quote (SiamiX) В смысле? Вы их видите одним цветом?
вот именно!!! все новые цвета написаны чёрным, у меня IE
|
| |
|
| |
| SiamiX | Дата: Понедельник, 17 Декабрь 2007, 17:15:48 | Сообщение # 32 |
|
Создатель
Группа: Администраторы
Сообщений: 335
Репутация: 43
Статус: Отсутствует
.: Дополнительные данные :.
|
Да, к сожалению, в IE такая беда, оказывается. Тоже проверил у себя и все черным цветом 
Значит IE не может обработать теги цвета в скрипте. Прийдется довольствоваться только этим, думаю что кто захочет вставить цвет, сможет прочитать название цвета и мысленно его представить
|
| |
|
| |
| Кирилл_1988 | Дата: Среда, 02 Январь 2008, 16:39:26 | Сообщение # 33 |
|
Рядовой
Группа: Пользователи
Сообщений: 9
Репутация: 0
Статус: Отсутствует
.: Дополнительные данные :.
| Можно ли эти кнопки так же сделать для написания новостей и комментариев?
|
| |
|
| |
| ROX | Дата: Пятница, 04 Январь 2008, 15:08:28 | Сообщение # 34 |
Рядовой
Группа: Пользователи
Сообщений: 3
Репутация: 0
Статус: Отсутствует
.: Дополнительные данные :.
| Привет! Помогите, пожалуйста. Хочу прикрутить на свой форум опцию off-top, сам скрипт я установил, но возникли проблемы с самой кнопкой на форуме: Code <img src="http://bf2142rus.ucoz.ru/design/Forum/bb_codes/offtop.png" border="0" title="офф-топ" onclick="simpletag('off','','','message','')"> Дает только одно нажатие на кнопку с добавлением кода (off) и дальше при написании сообщения перестает работать. На вашем форуме, я вижу, кнопкой можно пользоваться постоянно, но она только открывает код (off), но не закрывает его. А нельзя ли сделать так, что бы одна кнопка отрывала и закрывала код (off), причем функционировала постоянно, а не до первого нажатия, как получилось у меня?
Сообщение отредактировал ROX - Пятница, 04 Январь 2008, 15:55:45 |
| |
|
| |
| Кирилл_1988 | Дата: Пятница, 04 Январь 2008, 17:12:03 | Сообщение # 35 |
|
Рядовой
Группа: Пользователи
Сообщений: 9
Репутация: 0
Статус: Отсутствует
.: Дополнительные данные :.
| ROX, а можно поделиться скриптом оффтопа 
|
| |
|
| |
| ROX | Дата: Пятница, 04 Январь 2008, 17:23:35 | Сообщение # 36 |
|
Рядовой
Группа: Пользователи
Сообщений: 3
Репутация: 0
Статус: Отсутствует
.: Дополнительные данные :.
| Code
<!-- Скрипт Off-top -->
<script type="text/javascript" language="javascript">
e=document.getElementsByTagName("TD");
for(k=15; k<e.length;k++) {
if(e[k].className=='posttdMessage') {
s=e[k].innerHTML;
while (s.indexOf('[off]') != -1){
s=s.replace('[off]','<fieldset><legend><font style="font-size: 10px; font-family: Verdana; color: Grey;">Оффтоп</font></legend><font style="font-size: 11px; font-family: Verdana; color: Grey;">'); s=s.replace('[/off]','</font></fieldset>');
e[k].innerHTML=s;
}
} }
</script>
Вставлять в общий вид страниц форума, после $BODY$.
|
| |
|
| |
| Кирилл_1988 | Дата: Пятница, 04 Январь 2008, 17:46:13 | Сообщение # 37 |
|
Рядовой
Группа: Пользователи
Сообщений: 9
Репутация: 0
Статус: Отсутствует
.: Дополнительные данные :.
| ROX, ура все работает, хотя выложенный тут код не работает, я его спер с твоего сайта
|
| |
|
| |
| ROX | Дата: Пятница, 04 Январь 2008, 19:39:53 | Сообщение # 38 |
|
Рядовой
Группа: Пользователи
Сообщений: 3
Репутация: 0
Статус: Отсутствует
.: Дополнительные данные :.
| SiamiX,
Я смотрю, у тебя кнопка off работает через скрипт:
Code
<!-- bbcode-->
<script language=JavaScript>
function tagcode(tag)
{
doInsert("[" + tag + "]","[/" + tag + "]")
}
function doInsert(ibTag, ibClsTag)
{
var obj_ta = document.post.Post;
var sel = document.selection;
var rng = sel.createRange();
rng.colapse;
if((sel.type == "Text" || sel.type == "None") && rng != null)
{
if(ibClsTag != "" && rng.text.length > 0)
ibTag += rng.text + ibClsTag;
}
}
</script>
<!-- /bbcode-->
Как я понимаю, это именно он заставляет чередоваться открытие и закрытие тега. А как установить этот скрипт? Я себе поставил, в настройках кнопки сменил simpletag на tagcode, но кнопка так и не заработала.
|
| |
|
| |
| SiamiX | Дата: Среда, 09 Январь 2008, 22:29:30 | Сообщение # 39 |
|
Создатель
Группа: Администраторы
Сообщений: 335
Репутация: 43
Статус: Отсутствует
.: Дополнительные данные :.
| Quote (ROX) Я смотрю, у тебя кнопка off работает через скрипт:
Да именно, с помощью этой функции.
Quote (ROX) Как я понимаю, это именно он заставляет чередоваться открытие и закрытие тега.
Открытие да, и причем сколько угодно раз, а вот закрытие к сожалению нет. Пытался написать ф-ию с закрытием, но увы не одна попытка не увенчалась успехом
Quote (ROX) А как установить этот скрипт?
Прямо в head
Quote (ROX) в настройках кнопки сменил simpletag на tagcode, но кнопка так и не заработала.
Правильно сделал. Только как ты ожидал что она заработает, если с закрытием то увы. А если вообще не работает то давай разбираться
З.Ы. При использовании ф-ии simpletag на кнопке офтопа, эта кнопка вызывается всего лишь один раз. А с помощью этой самописной ф-ии tagcode, сам тег можно вызывать много раз
|
| |
|
| |
| ФомА | Дата: Понедельник, 31 Март 2008, 02:34:15 | Сообщение # 40 |
Рядовой
Группа: Пользователи
Сообщений: 3
Репутация: 0
Статус: Отсутствует
.: Дополнительные данные :.
| ребят, помогите...!!! как сделать чтоб админ мог ставить BB-кодом свой текст в сообщении, при это перед сообщение появляется красный прямоугольник с воск.знаком...
|
| |
|
| |
| SiamiX | Дата: Вторник, 01 Апрель 2008, 16:23:22 | Сообщение # 41 |
|
Создатель
Группа: Администраторы
Сообщений: 335
Репутация: 43
Статус: Отсутствует
.: Дополнительные данные :.
| ФомА, этот тег называется админ сообщение. И помниться уже на форуме кто то приводил пример данного тега. А вообще можно сделать его на основе этого скрипта. 
|
| |
|
| |
| soco | Дата: Четверг, 03 Апрель 2008, 21:24:22 | Сообщение # 42 |
|
Рядовой
Группа: Пользователи
Сообщений: 1
Репутация: 0
Статус: Отсутствует
.: Дополнительные данные :.
| OFF TOP
Пробовал скрипты выложенные в теме, но не работают... SiamiX, можно скрипт этого форума увидеть?
|
| |
|
| |
| SiamiX | Дата: Вторник, 08 Апрель 2008, 14:48:13 | Сообщение # 43 |
|
Создатель
Группа: Администраторы
Сообщений: 335
Репутация: 43
Статус: Отсутствует
.: Дополнительные данные :.
| soco, ответ
|
| |
|
|
|
Новосибирск
267839906
202767859
201692592