Pan Smiles - анимированные смайлики для форума PunBB (Page 1 of 3)

А можно оптимизировать как-то для SC WYSIWYG BBCode editor 2.0.0.
А то, пишет: Это расширение не может быть установлено, пока «pun_bbcode» не установлен и не включён.

PunBB, давно хотел предложить переделать популярные расширения под pun_wysiwyg. А то pun_bbcode очень уж ущербен.

Спасибо за то, что смайлики теперь работают в личных сообщениях. 
Один вопрос: будет ли в будущем возможность добавлять свои собственные смайлики в расширение?

Yurka.Belov, Это довольно несложно исполнить самостоятельно при известном внимании и аккуратности, причём читать этот пост дольше.
Для этого нужно найти подходящий смайл, и добавить одну маленькую строчку в один файл. В рассчёте на один смайл, конечно.

Боязнь что-либо сломать приветствуется в умеренных масштабах. А вот бесстрашие может быть опасно 

Находим где-нибудь подходящий смайл в формате *.gif . Лучше всего дать ему сразу значимое имя. Например, пусть будет такой:

Назовём его flood.gif .

Собственно, основная работа готова. После этого его нужно только закинуть на сервер и заставить расширение его принять и показывать.

Смайлы лежат в папке /img расширения. Т.е. внутри папки  /extensions/pan_smiles/ , а не где-либо ещё на форуме, ибо папок с таким именем может быть несколько. Наш флудливый смайлик закачаем туда, в /img.
Рядом с /img в расширении найдём папку /hooks, а в ней - файл  ps_start.php . $matches[2] на случай, если у нас что-то не получится - чтобы быстро вернуть всё на место.   Откроем его. Вот здесь можно начинать немного бояться что-то сломать. В принципе, дописать наш смайл можно в любое место, но для аккуратности пропишем его в конце. Вот так выглядит конец файла:

   "*YES*"=> "bs.gif",
   ";D"=> "bt.gif",
   "*WALL*"=> "bu.gif",
   "*WRITE*"=> "bv.gif",
   "*SCRATCH*"=> "bw.gif"
);

Файл, по сути, представляет собой таблицу соответствия текста в поле ответа, который появляется при клике на нужном смайлике, и выводимой на его месте картинки в готовом сообщении. Например, последняя строчка в оригинальном файле указывает напечатать слово  * SCRATCH * , а потом на том месте будет показан смайл из уже известной нам папки под именем bw.gif:

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

"*FLOOD*"=> "flood.gif"

А теперь внимание!
Все эти строчки, как видим, заканчиваются запятой, кроме последней! Это условие необходимо строго соблюсти. Собственно, это единственная возможная оплошность при вменяемом исполнителе, которая может привести к ошибке форума при входе в топик по окончании работы.

Т.е. нам придётся доставить отсутствующую запятую в последнюю оригинальную строчку файла, а нашу строчку оставить без запятой. Окончание файла примет такой вид:

 "*YES*"=> "bs.gif",
   ";D"=> "bt.gif",
   "*WALL*"=> "bu.gif",
   "*WRITE*"=> "bv.gif",
   "*SCRATCH*"=> "bw.gif",
   "*FLOOD*"=> "flood.gif"
);

Проверили расстановку запятых? Сохраняем файл на место.

Для того, чтобы наши изменения вступили в силу, идём в админке в управление расширениями, находим Pan Smiles, рядом кнопку "Обновить хуки".

Ву а ля.

Если при попытке входа в топик или ответа в нём при отсутствии поля быстрого ответа, выскакивает ошибка - быстренько подменяем наш кривой файл соранённой копией родного, обновляем хуки, и делаем вид, что ничего, собственно и не было. Очевидно, для безопасности операции, лучше заниматься администрированием из одного браузера, а для проверки заходить под простым пользователем из другого. Или с разных компов. При этом, в "администраторском" браузере  не выходить из управления расширениями, чтобы иметь возможность легко и быстро обновить хуки после возвращщения резервного файла.

Сами же тихо лезем в наш самодельный файл, и смотрим, что в нём не так (как я уже говорил - запятые )

Порядок смайлов у пользователя соответствует порядку строчек их описания в файле. Т.к. мы добавили наш смайл в конейц файла, он и в панели окажется поледним. Это секретное знание можно применить также для более удобной расстановки смайлов в панели.

$matches[1]

Кстати, самое муторное - это расположить смайлики так, чтоб они не терялись. Именно муторное - как видим выше, большой IQ там абсолютно не требуется. Я довольно много времени потратил на это. Но теперь они у меня более-менее располагаются группами по настроениям, эмоциям и вообще смыслам. Приветливые, положительные, утвердительные, смеющися разными способами, кривляющиеся, отрицательные, дружески-пьяночные и т.д.  Так оказывается значительно проще найти нужный в процессе создания поста.

"Коды" части смайлов тоже заменены на более вменяемые.

Мой набор вот: This content is available only to registered users.

Этот архив можно, конечно, грубо распаковать с разбегу в папку /extensions форума. После чего обновить хуки Pan Smiles, кэш браузера, и об них насладиться.

Однако набор может Вам не понравится - мало ли. Поэтому перед этим лучше сделать резервную копию папки /img и файла /hooks/ps_start.php (именно их содержит мой архив). И папку /img удалить, а мою установить на чистое место.  В случае необходимости их можно будет вернуть назад (снова обновив хуки и кэш браузера).

Лёгкую коррекцию набора можно осуществить, подменив мой смайлик Вашим в папке /img, назвав его так, как сейчас называется ненужный Вам смайлиз моих. Просто убрать ненужный можно, найдя его строчку в файле /hooks/ps_start.php. Строчку можно удалить, но лучше её закомментировать двумя слешами. Например, Вам не понравилась моя дохлая лошадь. Кликаем на неё, и выясняем, что её код  *REMONT* . Находим в файле нужную строчку, и комментируем её:

"*AUSHAN*"=> "bg.gif",
   "*HELP*"=> "bc.gif",
//   "*REMONT*"=> "aa.gif",
   "*GRABLI*"=> "grabli.gif",
   "*ZDLB*"=> "zadolbal.gif",
   "*WALL*"=> "bu.gif",

После этого обязательно обновляем хуки, и  этот смайл больше показыватся не будет.

Это расширение случайно не основано на Smiles for Developer? C виду очень похоже... Возможно, озвученной мной ниже проблемы в сабже нет, но переустанавливать расширение очень не хочется - много геморроя было, чтобы добавить смайлы из скайпа. Возможно, автор может подсказать, как сделать автоматическое закрытие формы смайлов по клику на сам смайл? А то сейчас закрывается только по еще одному клику на кнопку, открывающую окошко со смайлами.

Нет, выстраданно подтверждаю 

У меня с точностью до наоборот получилось. Изначально дико  злило пропадание панельки без отдельной команды, под диктовку PunBB, убрал это дело. Правда, тогда на закрытие кнопка не работает, но для нас это меньшее зло - прямо скажем, ерунда.

Да, ведь и заявлено 

PunBB, я не помню, где то был разговор уже про них. Я бы еще добавил, что использование звездочек вначале и в конце не есть гуд.

*JOKINGLY* 

Лучше использовать двоеточие 

:lol:

Вообще, было бы логичнее разместить постоянный блок со смайлами слева от формы ответа и снизу от надписи: "Напишите сообщение". Блок небольшой, с часто используемыми смайлами. Так же можно сделать список смайлов прокручиваемым. Чтобы при прокрутке мышью можно было получить доступ к остальным смайлам.

nihi1ist, +1
Тоже в этом направлении что-то чешется постоянно. Главное, что не нравится в существующем виде - это что когда вызываем смайлы, панель с ними выпрыгивает между ВВ-панелью, поле ответа отпрыгивает вниз, и при дальнейшем написании поста ВВ-панель далеко от поля набора оказывается. Я даже делал макет (но не сообразил, где это в коде зафиксировать) :

В таком и в Вашем варианте её и прятать-то уже необязательно. А прокручиваемой она делается легко.

$matches[1]

PunBB, А зайди-ка здесь на форуме в редакцию любого своего сообщения, и включи-выключи смайлы.. У меня панелька проплывает куда-то из ниоткуда в никуда. Но её видно, когда проплывает    Опера.

На моём форуме такого нет, но я сразу отрубил эти плавные выезды и пропадание по клику где попало.  Правда, при этом панель смайлов перестала выключаться по кнопке, но это терпимо.

И всё-таки где можно (и можно ли) задать другое расположение панели смайлов - сбоку, как говорит коллега nihi1ist, или снизу, как я на скриншоте показал?

Вот это вообще идеальный вариант! Только было бы (имхо, конечно) лучше, если б эта форма становилась доступной по клику - очень уж мельтешит анимация. Но даже так очень-очень здорово!
P.S. Архив со смайлами из скайпа кину чуть позже, владелец форума забыл оплатить хостинг 

Очень нужна будет твоя помощь. Когда ребята смайлов накидают, нужно будет сравнивать более менее похожие и давать им соответствующие хэш тэги и имена файлов. Работа особых навыков программирования не требует, но тем не менее это очень важное дело. 

На счет преобразователя сильно не парься, это решаемо.

kisa, когда Вчера в 08:06 nihi1ist написал об этом, я как раз ехал в метро. И  начал пилить расширение немного спустя после того, как приехал на работу.

Когда ты опубликовал свой пост, я по ходу перезаливал архив в репозитории и одновременно писал сообщение.

Все таки как нибудь напишу обновление постов или хотя бы кто пишет сообщение.

что то так и не дождался смайл паков 

Смотрите, обновил расширение, теперь имеется 3 варианта отображения смайлов, последний добавленный слева. Возможно для каждого стиля придется настроить свои CSS правила

А мне слева больше всего нравится. Играюсь со стилями.

Grand91, Давайте кусками, разрулим.
PunBB, жду инструкций по смайл-пакам. Как обзывать, двоеточия или звёзды ставить и всё такое. За "козу" брать обычный ps_start.php из расширения?

Сами слова - без проблем. А обрамление  - *SML*  или там :sml: - это см выше. Дык это, всю пачку, что Вы прислали, будем загонять?

Кстати, с таким количеством, наверное, придётся как-то их группировать - типа десяток основных, а остальные - по кнопке "ещё".

Да вот не нравится лично мне тот скролл. А на мобиле?

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

Vano23, в следующем релизе будет исправлено.

Grand91, скайповские смайлы понравились. Только смутило, что весит обин около 50 кб! ICQ смайлы порядка 2-3 кб. Надо что то делать с ними. Уменьшая размер потерять можем анимацию. Может есть какие то еще альтернативы?

kisa, для создания структуры считаю что с самого начала лучше построить логичную схему. А значит так:
1. имена файлов должны совпадать с хеш тегом. То есть если хэш тег

:drink:

то имя файла пусть будет drink.png

Это железно.
Те саморобные, что я добавлял в набор для себя, так и организованы. Собственно, жду внятной подробной команды 
Встроенный сейчас набор таким и будет? Я  всё-таки хочу  упорядочить их по смыслу и группам эмоций. У меня их проще искать, чем у тебя, хотя у меня их больше раза в два 
А что с хэш-тэгами делать?
  Хэш теги везде впредь делаем с :  : ?

_______________________
Сдаюсь. Как сделать, чтобы при расположении слева, на мобиле они располагались внизу, а не между ВВ-панелью и полем текста 

Эти смайлы имеют размер 20х20 и довольно сложную, многокадровую анимацию. Наверное, стОит всё-таки сделать набор с ними (урезать - нет сысла ни по количеству кадров, ни по размеру). Вот один наббор будет таким, тяжёлым.

В противовес, наверное, составлю суперлёгкий набор - из малого количества статичных смайлов.

Спасибо, теперь гораздо удобнее на вертикальных мобилах.
Вот это

overflow: overlay;

Мозилла не кушала, как я понял.
А так вроде всем браузерам нравится:

overflow: auto;

Поменял и так оставил.

$matches[1]

PunBB,
Скайп-пакет ушёл к тебе на мыло, через которое ты у меня зарегистрирован. Ибо сюда не пролазит - чуть больше метра. В принципе, работающий прямо в сцществующем расширении:

Но. Я не стал их сортировать по настроениям и эмоциям, ибо я их не понимаю 
И второе. Они у меня не работали с

$pan_smilies = array(

заработали только с

$smilies = array(

в каком виде к тебе и ушли. Остальные тоже.

Кстати, мои мобильные юзеры переживают насчёт веса - мол, три темы откроешь, и мегабайт смайлов загрузишь. Они ж в кеше сидят? Если нет, надо что-то решать. Впрочем, можно отключить форму быстрого ответа на моб. устройствах.

А может таки нужно подумать о том, чтобы десяток показывать, а остальные по кнопке вызывать...

$matches[1]

Ну вот те самые стандартные 12 смайлов PunBB для этого расширения 
This content is available only to registered users.
Я говорил, что мне эта идея не очень нравится. Ведь стандартные доступны из коробки безо всяких расширений. Зачем мусор по движку разводить? С таких мелочей и начинается, не в килобайтах же этих дело....  Получается, зря валяется штатная папка со смайлами и штатный кусочек кода.  Мне кажется, лучше в расширении, вместо цепляния этого моего пакета, организвать возможность использование того же, только уже встроеного. Типа для суперминималистичного форума. Так оно будет как-то фэншуйнее. А то неаккуратненько 
Пусть этот пакет будет просто для отработки самой идеи пакетов.

Продолжение следует...

$matches[1]

Ну и совсем человеческий пакет - смайлы отсюда с некоторыми дополнениями, коррекцией, а главное - смайлы сгруппиованы по эмоциям и т.д., отчего их легче находить юзеру в такой куче. Да, и их можно ставить после стандартных - хеш-теги полностью перекрыл. Наверное, надо будет и в скайповых позаботиться. Гггг  когда я пойму, как именно они кривляются.
This content is available only to registered users.

Думы следующие. Соберу ещё пакета два - и хорош. Вот мини должны кого-то прельстить обязательно ссылка . Ибо не так их прямо и много, чтоб делать кучу пакетов ,  едва отличающихся друг от друга.

Кому очень сильно нужно будет что-то совсем особенное - или сами соберут, или попросят.

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

Довольно большие пакеты получаются. Может подумать таки насчёт десятка ходовых  смайлов на виду, а остальные чтоб по кнопке открывались?

Какая-либо концепция перехода с одного пака на другой вообще в голове не вырисовывается. КАК? Вот стоял мой набор (уже довольно бардачный) и захотел я в три клика поменять его на другой. И как? Или нужно в паках стандартизовать названия. Оно надо? Можно и заморочиться, конечно. Но, например, я реально не понимаю скайповых смайлов  И не представляю, как я их буду сопоставлять с нормальными  Еле нашёл там два самых ходовых - из двоеточия и скобочки чтоб назначить

А, ещё мысль такая.. а нельзя ли где-то в смайлах вставить кнопку с назначаемой ссылкой? А админ назначит ссылку на какой-нибудь подходящий смайлосклад вроде вот этого, откуда эти смайлы. Они и побогаче бывают. Там обычно одной кнопкой делается ссылка с тэгами [ img][/img ], юзеры сориентируются. Это должно быть довольно удобно.

В случае закрытия склада, смайлы, конечно, пропадут. Но старые, в давних постах.

Мне локальный сервер сейчас заводить - целое дело  Может, ночью погоняю у себя аккуратно. Но я увидел - паки компактно подключаются, управляются. Так и представлял. Но что делать с совместимостью - до сих пор внятного изящного выхода не вижу. Точнее, наверное, не понимаю. Удобный админу - вижу. Одинаковые названия соответствующих файлов. Но это ж 

И дело не в рутине - это можно было бы сделать. Бы. Но в разных наборах не все смайлы даже по смыслу совпадают. Как поступать с лишними? 

А если случайно заменится 

   на 

  при какой-нибудь замене кастомного пака? (и это безобидно, моя развращённая фантазия подсказывает варианты похлеще 

Как ты видишь список обратного преобразования? Дай "козу" на три строчки, может пойму, что ты задумал. Заодно наполню список 

Кстати, не предусмотреть ли насильственное изменение стандарта на форуме  хэш-тегов с ** на :: , буде таковые использовались?

Думаешь всё-таки иметь вариант задействования встроенных  в коробку 12 смайлов коробкиными же средствами, только управляющимися из этого расширения?

This content is available only to registered users. Маленькие, поменьше всех, почти как встроенные. Могут кому-то показаться приятными.

$matches[1]

Мне понравилось, как паки выбираются. Своё, что у меня было тоже сделал паком, расширение его подхватило, и сейчас это всё крутится у меня в версии 1.3.3 . Классно, что стили прямо в пакете (применительно к левому положению) подправленные.

Жду реализации угроз

$matches[1]

Вес расширения с паками какой-то неприличный, аж заметна скорость скачки/закачки    Наверное, стОит расширение с минимумом поставлять, а паки - рядом