|
Архив - только для чтения |
| Замена панели стандартных 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?
У меня правильно обрабатываются теги: По левому краю, По центру, По правому краю. Ну и я добавил еще стандартных тегов, ну и нарисовал немного картинок. Еще можно добавить кнопки:
Транслит
 
|
| |
|
| |
| SiamiX | Дата: Понедельник, 19 Ноябрь 2007, 17:30:42 | Сообщение # 16 |
|
Создатель
Группа: Администраторы
Сообщений: 335
Репутация: 43
Статус: Отсутствует
.: Дополнительные данные :.
| Quote (кулик) Я его попытался поставить, но текст не мерцает.
Нет, здесь нет никакой ошибки. Просто вы скорее всего пытаетесь увидеть результат в Internet Explorer'e, а вот там он, к сожалению, не работает.  Но это не из за скрипта, просто сам тег мерцаешего текста не рабит в IE.
|
| |
|
| |
| skiks | Дата: Понедельник, 19 Ноябрь 2007, 21:53:52 | Сообщение # 17 |
|
Рядовой
Группа: Пользователи
Сообщений: 4
Репутация: 0
Статус: Отсутствует
.: Дополнительные данные :.
| у меня тоже не работает. куда пихать
Code <script>
e=document.getElementsByTagName("TD");
for(k=15; k<e.length;k++) {
if(e[k].className=='posttdMessage') {
s=e[k].innerHTML;
while (s.indexOf('[blink]') != -1){
s=s.replace('[blink]','<blink>'); s=s.replace('[/blink]','<blink>');
e[k].innerHTML=s;
}
} }
</script>
после какого слова.
|
| |
|
| |
| SiamiX | Дата: Вторник, 20 Ноябрь 2007, 15:42:24 | Сообщение # 18 |
|
Создатель
Группа: Администраторы
Сообщений: 335
Репутация: 43
Статус: Отсутствует
.: Дополнительные данные :.
|
Куданибудь по ниже, после Body
|
| |
|
| |
| skiks | Дата: Вторник, 20 Ноябрь 2007, 20:03:17 | Сообщение # 19 |
|
Рядовой
Группа: Пользователи
Сообщений: 4
Репутация: 0
Статус: Отсутствует
.: Дополнительные данные :.
| респект получилось. токо была проблемка не в этом. у меня было прописано на слова [blink] а кнопка под [Blink]. ЩАС ИЩЮ!! [Marquee] [/Marquee]!!!!!! СРОЧНО НУНО!!! ЭТО БЕГУЯЩЯЯ НАДПИСЬ ИЛИ КАРТИНКА.
|
| |
|
| |
| SiamiX | Дата: Среда, 21 Ноябрь 2007, 14:00:08 | Сообщение # 20 |
|
Создатель
Группа: Администраторы
Сообщений: 335
Репутация: 43
Статус: Отсутствует
.: Дополнительные данные :.
| Quote (skiks) ЩАС ИЩЮ!! [Marquee] [/Marquee]
Я же говорил на ФТП, что на основе выше прописанного скрипта тега [blink], можно сделать любой тег
Вот тебе скрипт тега [Marquee], только в него еще нужно забить значения - сколько раз повторяться, длину строки и т.д. (посмотри какие значение есть у тега <Marquee> в html) :
Code <script>
e=document.getElementsByTagName("TD");
for(k=15; k<e.length;k++) {
if(e[k].className=='posttdMessage') {
s=e[k].innerHTML;
while (s.indexOf('[marquee]') != -1){
s=s.replace('[marquee]','<marquee>'); s=s.replace('[/marquee]','<marquee>');
e[k].innerHTML=s;
}
} }
</script>
|
| |
|
| |
| кулик | Дата: Среда, 21 Ноябрь 2007, 21:24:30 | Сообщение # 21 |
|
Рядовой
Группа: Пользователи
Сообщений: 13
Репутация: 7
Статус: Отсутствует
.: Дополнительные данные :.
| SiamiX, у меня этот скрипт бегущей строки плохо работает. Бегит не только выделенный текст, но и подпись пользователя. Может его подредактировать как-то надо
|
| |
|
| |
| SiamiX | Дата: Среда, 21 Ноябрь 2007, 21:47:56 | Сообщение # 22 |
|
Создатель
Группа: Администраторы
Сообщений: 335
Репутация: 43
Статус: Отсутствует
.: Дополнительные данные :.
| Quote (кулик) Бегит не только выделенный текст, но и подпись пользователя.
Странно, может в подписи этот тег прописан?
Quote (кулик) Может его подредактировать как-то надо
Конечно надо, я же говорил что нужно разобраться с тегом <Marquee>
З.Ы. Просто у меня нет времени, а вы торопитесь. Вот и приходится накидывать надросок, без разбора
|
| |
|
| |
| skiks | Дата: Среда, 21 Ноябрь 2007, 22:03:20 | Сообщение # 23 |
|
Рядовой
Группа: Пользователи
Сообщений: 4
Репутация: 0
Статус: Отсутствует
.: Дополнительные данные :.
| не подаскжешь хтмл скрипт на flash что бы добавить. и на то что бы виднелась маленькая картина а при наведении на неё увеличивалась.
|
| |
|
| |
| SiamiX | Дата: Четверг, 22 Ноябрь 2007, 00:37:05 | Сообщение # 24 |
|
Создатель
Группа: Администраторы
Сообщений: 335
Репутация: 43
Статус: Отсутствует
.: Дополнительные данные :.
| Quote (skiks) не подаскжешь хтмл скрипт на flash что бы добавить.
Подскажу, но позже.
Quote (skiks) и на то что бы виднелась маленькая картина а при наведении на неё увеличивалась.
А вот это скорее всего не подскажу, просто никогда не задумывался над этим
|
| |
|
| |
| skiks | Дата: Четверг, 22 Ноябрь 2007, 00:39:14 | Сообщение # 25 |
|
Рядовой
Группа: Пользователи
Сообщений: 4
Репутация: 0
Статус: Отсутствует
.: Дополнительные данные :.
| prev вроде называется. кстати а можешьдороботать на бегующий текст=( а то у меня 1 раз пробегае и усё=(
|
| |
|
| |
| SiamiX | Дата: Четверг, 22 Ноябрь 2007, 12:37:11 | Сообщение # 26 |
|
Создатель
Группа: Администраторы
Сообщений: 335
Репутация: 43
Статус: Отсутствует
.: Дополнительные данные :.
| Quote (skiks) prev вроде называется. кстати а можешьдороботать на бегующий текст=( а то у меня 1 раз пробегае и усё=(
Доработаю, но всему свое время
|
| |
|
| |
| rodik | Дата: Четверг, 13 Декабрь 2007, 16:03:48 | Сообщение # 27 |
|
Рядовой
Группа: Пользователи
Сообщений: 3
Репутация: 0
Статус: Отсутствует
.: Дополнительные данные :.
| проблема собственно в том, что при добавлении новых цветов текста в форму добавления ответа самих названий цветов не видно, да и надписей "size" "color" тоже...помогите please 
|
| |
|
| |
| SiamiX | Дата: Четверг, 13 Декабрь 2007, 22:13:07 | Сообщение # 28 |
|
Создатель
Группа: Администраторы
Сообщений: 335
Репутация: 43
Статус: Отсутствует
.: Дополнительные данные :.
| rodik, куда вставляете скрипт на добавление новых цветов?
|
| |
|
| |
| rodik | Дата: Пятница, 14 Декабрь 2007, 16:07:55 | Сообщение # 29 |
|
Рядовой
Группа: Пользователи
Сообщений: 3
Репутация: 0
Статус: Отсутствует
.: Дополнительные данные :.
| Quote (SiamiX) rodik, куда вставляете скрипт на добавление новых цветов? После $BODY$ добавляем:
<script type="text/javascript" language="javascript">
window.document.all.fcolor.options[window.document.all.fcolor.options.length] = new Option("Название_Цвета", "#Номер_Цвета");
document.all.fcolor.options[document.all.fcolor.options.length-1].setAttribute("style","color:#Номер_Цвета");
</script> Да и дело не только в этом, просто изначально в моём шаблоне не видно надписей (как на рисунке), что мне именно надо исправить хотя бы для того, чтобы было всё видно?
з.ы. про цвета уже потом  . Кстати, о цвете... у тебя новые цвета написаны чёрным, а старые цветные.... Добавлено (14 Декабрь 2007, 16:07:55)
---------------------------------------------
ок, с надписями разобрался сам, методом ТЫКА))))), а как сделать чтобы новые цвета шрифта в списке тоже отображальсь по-разному, у вас такая же проблема
|
| |
|
| |
| SiamiX | Дата: Суббота, 15 Декабрь 2007, 19:53:44 | Сообщение # 30 |
|
Создатель
Группа: Администраторы
Сообщений: 335
Репутация: 43
Статус: Отсутствует
.: Дополнительные данные :.
| Quote (rodik) Кстати, о цвете... у тебя новые цвета написаны чёрным, а старые цветные....
У меня в опере все нормально отображается, у вас какой браузер?
Quote (rodik) , что мне именно надо исправить хотя бы для того, чтобы было всё видно?
Тут скорее всего дело в стилях css.
Quote (rodik) а как сделать чтобы новые цвета шрифта в списке тоже отображальсь по-разному, у вас такая же проблема
В смысле? Вы их видите одним цветом?
|
| |
|
|
|
Новосибирск
267839906