Две свои кнопки

автор McCleod Сентябрь 30th 2012, 02:44

Можно ли сделать как тут https://help.forum2x2.ru/t25859-topic?highlight=%EA%ED%EE%EF%EA%F3, только что б кнопки было две, три?

автор **Ilya** Сентябрь 30th 2012, 10:11

Так же само: ПА - Модули - Виджеты форума - Создать персональный виджет

Имя - любое
Использовать стандартный шаблон - нет
Название - пустым оставить

В содержание вставить

<script type="text/javascript">
var ciklepost=document.getElementsByTagName("div");
var sj=0; for (sj=0; sj<ciklepost.length; sj++)
{
if (ciklepost[sj].className=="post-entry")
{
ciklepost[sj].innerHTML=ciklepost[sj].innerHTML.replace('[h]', "<div style='border: 2px groove #000; width: 97%; padding: 1px; background: weight; height: 85px;'><img src='http://savepic.ru/1601599.png' style='background: transparent; margin-right: 30px; margin-top: 35px; padding-left: 6px;' align='left'><div style='background: green; height : 20px; width: 100%; color : #fff; font-weight: bold; font-size:14px;'>Сообщение от хелпера: </div><div style='border-top: 1px dotted #000; width: 100%; padding-top: 3px;'>");
ciklepost[sj].innerHTML=ciklepost[sj].innerHTML.replace('[/h]', "</div></div>");
}
}
</script>

Теги [h ] и [/ h]- это теги, которые предназначены для пользователей, чтобы они писали сообщение в данном случае от хелпера. Можно изменить на свои.

Зеленый - от кого сообщение (текст)

Синий - цвет верхнего поля таблички (там где пишется от кого сообщение.)

Результат

автор McCleod Сентябрь 30th 2012, 12:57

Я не про тег, я именно про кнопки которые его вставляют. С тегами по аналогии я разобрался. Проблема в том, что кнопки для этих тегов, если их две, закрывают друг друга. А мне надо что б у определённых пользователей (админ, он же модер, он же координатор) было на выбор три кнопки. Можно ли как то задать им координаты?
П.С. Илья, спасибо за поддержку, но вам надо не торопится помогать. Вы в своём благородном стремлении помочь часто не до конца вникайте в суть проблемы. Я вижу вы можете в принципе решить проблему, и за ото я вам благодарен, но пожалуйста вникните в суть проблемы, что б решить именно её.
С уважением.

автор **Ilya** Сентябрь 30th 2012, 14:35

1) Создаете один виджет

Имя - любое
Использовать стандартный шаблон - нет
Название - пустым оставить

Код:: <script type="text/javascript"> var ciklepost=document.getElementsByTagName("div"); var sj=0; for (sj=0; sj<ciklepost.length; sj++) { if (ciklepost[sj].className=="post-entry") { ciklepost[sj].innerHTML=ciklepost[sj].innerHTML.replace('[h]', "ТЕКСТ"); ciklepost[sj].innerHTML=ciklepost[sj].innerHTML.replace('[/h]', ""); } } </script>

ТЕКСТ - это ваш текст, который будет вставляться, после нажатия на кнопку.

2) Создаете еще один виджет

Имя - любое
Использовать стандартный шаблон - нет
Название - пустым оставить

Код:: <div id="text"> <button class="button2" onclick="bbfontstyle('[h]', '[/h]');return false"type="button" title="Кнопка текста"><img src="http://www.snapsnap.ru/i/dodddu10rdr.png" alt="Кнопка текста" /></button> </div> <script type='text/javascript'> //<![CDATA[ jQuery(document).ready(function(){ jQuery("#text_edit").after(jQuery('div#text')); }); //]]> </script> <style type="text/css"> #text { display:block; } </style>

3) ПА - Оформление - Цвета - Каскадная таблица CSS
Вставьте:

Код:: #text { display:none; }

автор McCleod Сентябрь 30th 2012, 15:08

То что надо, кнопки две. Теперь разжуйте пожалуйста за что отвечает тот или иной виджет, что надо знать чтоб добавить ещё кнопку, какие строки отвечают за положение кнопки

Спойлер:

.
Отшлифовать и тянет на туториал.

автор McCleod Сентябрь 30th 2012, 15:12

В догонку: можно ли в виджет как нибудь вставить ссылку вида этой. Просто ссылка вставляется, а в виде текста - виджет не работает.

автор **Ilya** Сентябрь 30th 2012, 15:52

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

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

автор McCleod Сентябрь 30th 2012, 16:08

Скрин чего? Это просто ссылка ввиде текста [url=урл адрес]текст ссылки[/url].

автор **Ilya** Сентябрь 30th 2012, 16:11

Код:: <a href="ССЫЛКА НА ТЕМУ" class="postlink" target="_blank" rel="nofollow">ТЕКСТ</a>

автор McCleod Сентябрь 30th 2012, 16:19

Код:: <script type="text/javascript"> var ciklepost=document.getElementsByTagName("div"); var sj=0; for (sj=0; sj<ciklepost.length; sj++) { if (ciklepost[sj].className=="post-entry") { ciklepost[sj].innerHTML=ciklepost[sj].innerHTML.replace('[get]', "<div style='border: 2px groove #000; width: 97%; padding: 1px; background: #FFFFFF; height: 85px;'><img src='http://savepic.ru/1601599.png' style='background: transparent; margin-right: 30px; margin-top: 35px; padding-left: 6px;' align='left'><div style='background: #0ACC0A; height : 20px; width: 100%; color : #fff; font-weight: bold; font-size:14px;'>Добро пожаловать в СТАДО!!! </div><div style='border-top: 1px dotted #000; width: 100%; padding-top: 3px;'>Теперь вам необходимо заглянуть <a href="http://impenetrableherd.forum2x2.ru/t28-topic" class="postlink" target="_blank" rel="nofollow">сюда</a> и выполнить всё что там написано. На этом все формальности заканчиваются."); ciklepost[sj].innerHTML=ciklepost[sj].innerHTML.replace('[/in]', "</div></div>"); } } </script>

не работает виджет, вырезаю

Код:: <a href="http://impenetrableherd.forum2x2.ru/t28-topic" class="postlink" target="_blank" rel="nofollow">сюда</a>

работает.

автор McCleod Октябрь 1st 2012, 20:08

Илья, не забыли?

автор McCleod Октябрь 1st 2012, 23:35

Как сделать их в ряд или хотябы уменьшить расстояние между ними?
Можно ли сделать чтоб кнопка работала только в определённом разделе и только для определённой группы?

автор McCleod Октябрь 2nd 2012, 19:37

автор McCleod Октябрь 4th 2012, 00:25

автор McCleod Октябрь 4th 2012, 21:47

автор **Dana Domirani** Октябрь 5th 2012, 00:44

Как сделать их в ряд или хотябы уменьшить расстояние между ними?

Назначить через CSS свойство float:left, например.

Можно ли сделать чтоб кнопка работала только в определённом разделе

Нет.

и только для определённой группы?

Да, если скрипт установлен не через шаблон, а через виджет с ограниченными правами доступа (только для админов / модеров / пользователей).

автор McCleod Октябрь 5th 2012, 01:21

[quote="Dana Domirani"]

Назначить через CSS свойство float:left, например.

Код:: #text { display:none; }

Вот это и CSS. Подскажите куда ту вставить float:left

автор McCleod Октябрь 5th 2012, 01:23

Ilya пишет:
Сегодня вечером, как будет свободное время все разжую.

ап

автор McCleod Октябрь 5th 2012, 01:50

[quote="McCleod"]

Dana Domirani пишет:
Назначить через CSS свойство float:left, например.
Код:
#text { display:none; }
Вот это и CSS. Подскажите куда ту вставить float:left

С этим разобрался.
А как их теперь вверх приподнять.

margin-bottom и margin-top не помогают, такое ощущение что сами кнопки огромные по высоте.

автор **Ilya** Октябрь 5th 2012, 12:53

McCleod пишет:Илья, не забыли?

Нет, у меня есть важные и неотложные дела еще в жизни.

В первом коде:
Теги:

Код:: [h] [/h]

Их можно заменить на свои теги, например

Код:: [t] [/t]

Советую использовать всего лишь одну букву, так как при нажатии на эту кнопку, появятся только эти два тега, а при нажатии кнопки "отправить", появиться нужный текст, который вы задали в коде.
Внимание! Не используйте буквы для тегов, которые уже используются в других кнопках. К примеру - b(жирность текста) s(зачеркнутость) i(подчеркнутость)

('[h]', "ТЕКСТ")

В этой строке, в место слова ТЕКСТ вставляйте свой, который будет присвоен тегу и который будет появляться после отправки сообщения.

По второму коду

Код:: <button class="button2" onclick="bbfontstyle('[h]', '[/h]');return false"type="button" title="Кнопка текста"><img src="http://www.snapsnap.ru/i/dodddu10rdr.png" alt="Кнопка текста" /></button>

button2 - это часть кода позволяет нам изменять оформление кнопки через CSS, то есть мы знаем, как эта кнопка обозначается у нас на форуме.

При замене тегов [ h ] на другой, в части ('[ h ]', '[ / h] ') вам так же нужно заменить букву h.

title="Кнопка текста" - текст при наведении

img src="http://www.snapsnap.ru/i/dodddu10rdr.png" - изображение кнопки

alt="Кнопка текста" - при исчезновении кнопки, будет показываться этот текст

автор McCleod Октябрь 5th 2012, 22:07

McCleod пишет:
Код:
<script type="text/javascript"> var ciklepost=document.getElementsByTagName("div"); var sj=0; for (sj=0; sj<ciklepost.length; sj++) { if (ciklepost[sj].className=="post-entry") { ciklepost[sj].innerHTML=ciklepost[sj].innerHTML.replace('[get]', "<div style='border: 2px groove #000; width: 97%; padding: 1px; background: #FFFFFF; height: 85px;'><img src='http://savepic.ru/1601599.png' style='background: transparent; margin-right: 30px; margin-top: 35px; padding-left: 6px;' align='left'><div style='background: #0ACC0A; height : 20px; width: 100%; color : #fff; font-weight: bold; font-size:14px;'>Добро пожаловать в СТАДО!!! </div><div style='border-top: 1px dotted #000; width: 100%; padding-top: 3px;'>Теперь вам необходимо заглянуть <a href="http://impenetrableherd.forum2x2.ru/t28-topic" class="postlink" target="_blank" rel="nofollow">сюда</a> и выполнить всё что там написано. На этом все формальности заканчиваются."); ciklepost[sj].innerHTML=ciklepost[sj].innerHTML.replace('[/in]', "</div></div>"); } } </script>
не работает виджет, вырезаю
Код:
<a href="http://impenetrableherd.forum2x2.ru/t28-topic" class="postlink" target="_blank" rel="nofollow">сюда</a>
работает.

McCleod пишет:
А как их теперь вверх приподнять.

margin-bottom и margin-top не помогают, такое ощущение что сами кнопки огромные по высоте.

автор McCleod Октябрь 10th 2012, 01:05

Две свои кнопки

Две свои кнопки

Re: Две свои кнопки

Re: Две свои кнопки

Re: Две свои кнопки

Re: Две свои кнопки

Re: Две свои кнопки

Re: Две свои кнопки

Re: Две свои кнопки

Re: Две свои кнопки

Re: Две свои кнопки

Re: Две свои кнопки

Re: Две свои кнопки

Re: Две свои кнопки

Re: Две свои кнопки

Re: Две свои кнопки

Re: Две свои кнопки

Re: Две свои кнопки

Re: Две свои кнопки

Re: Две свои кнопки

Re: Две свои кнопки

Re: Две свои кнопки

Re: Две свои кнопки