Тимофей Мартынов
Тимофей Мартынов личный блог
01 ноября 2017, 23:25

Задача дизайнерам и верстальщикам. Приз 5000 руб.

На нашем форуме есть ответы на ответы. 
Комментарии идут только 1 уровнем, последовательно друг за другом, поэтому мы в каждый ответ вкладываем цитатой предыдущий комментарий. 
Из-за этого получаются уродливые башни из цитат, например:   
smart-lab.ru/forum/%D0%A4... 
Задача дизайнерам и верстальщикам. Приз 5000 руб.

форум тут: 
smart-lab.ru/forums/ 

Необходимо предложить изящное решение, чтобы: 
а) не было нагромождения из цитат 
б) можно было каким-то образом легко понять, на какой комментарий отвечает человек 

Например предложить какие-то варианты сворачивания/разворачивания вложенных комментариев при помощи js и т.п. 

Результат необходимо представить в формате HTML+CSS+JS. 
40 Комментариев
  • Поликарп Брусникин
    01 ноября 2017, 23:27
    Хорошо что обратил внимание на это безобразие
    • ℤakk
      01 ноября 2017, 23:45
      Не прошло и десяток лет, как Тимофей придумал ветвление в комментах!!! Щас как Смарт-Лап попрет!!! Пейсбук обгонит
      • Petr S
        02 ноября 2017, 00:22
        ℤakk, с бюджетом в 5000р на конкурс? :)  мда, трейдеры смотрю дизайнерам жалкие подачки кидают — на один раз поесть в нормальном заведении
      • ℤakk
        02 ноября 2017, 03:10
        Тимофей Мартынов, я тебе раза три писал про ветвление комментов, когда ты спрашивал что поменять/улучшить на смарт лабике. И никакой реакции не было))
  • Artemunak
    01 ноября 2017, 23:32
    фигасе ты жируешь, 5000р на ветер красноглазикам зажравшимся. если б это был мой сайт то я бы написал чтобы мне сделали за косарь, за +100 в рейтинг.
     
  • Alexandr_KAA
    01 ноября 2017, 23:33
    Тимофей, зачем заново городить велосипед ?.. в сети полно решений и причем за бесплатно

    habrahabr.ru/post/244715/
  • Роман Франтовский
    01 ноября 2017, 23:50
    На форуме где я раньше общался это сделано примерно так:




    мне нравилось.


    Как вариант для размышления!
      • rtsi
        02 ноября 2017, 00:58
        Тимофей Мартынов, добавить ветвление у нас. Сложности в программировании там не должно быть никакой.

        После этого сделать как на картинке.
  • bestt
    01 ноября 2017, 23:56
    Как в жж со сворачиванием ветки комментариев больше N-й ступени.
      • ICWiener
        02 ноября 2017, 00:51
        Тимофей Мартынов, если внимательно выполнять все задания Тимофея, то можно поесть бесплатно и заработать пять тыщ ))
      • Konstanin K.
        02 ноября 2017, 14:48
        Тимофей Мартынов, навскидку:



        https://goo.gl/xdeyMt
  • Мюнхгаузен
    02 ноября 2017, 00:06
    Зачем выдумывать велосипед?
    Очень удобное цитирование уже придумано конкурентом.
    Можно только чуть видоизменить, чтобы совсем уж не казалось плагиатом и внедрять. 



    Кстати, и 5000 на этом можно сэкономить. )))
  • Kvadr
    02 ноября 2017, 00:07
    Вот пример из контакта
    https://vk.com/wall-2158488_156988
      • Феликс Осколков
        02 ноября 2017, 15:04
        Тимофей Мартынов, посмотри комменты на пикабу, мне нравится как там сделано.
  • aman
    02 ноября 2017, 00:12


    rambler.ru
  • neophyte
    02 ноября 2017, 00:27

    Есть стандартное решение почти во всех движках. Переключение на режим списком либо веткой.

    А в принципе народ особо не заморачивается. Кому нужна цитата для ответа, тот цитирует. Кому не нужна, тот не цитирует.
    В цитате есть ссылка на цитируемое сообщение и всегда можно развернуться и уйти назад до нужного места.



  • Бубльгум
    02 ноября 2017, 00:48
    Не проще убрать цитаты вообще, кто кому пишет и на что отвечает и так понятно, если при ответе автоматом имя лица которому отвечают присваивается
  • Андрей К
    02 ноября 2017, 00:53
    1) Снял офис
    2) Поощрение активных пользователей форума акций.
    3) Наем фриланса на верстку
    растешь. Молодец. 

    Но ремонт наверняка сам делаешь.
  • Чарльз Маккей
    02 ноября 2017, 01:29
    Свернуть все в раскрываемый [+]/[-] кроме последнего цитируемого фрагмента. Так как Тимофей покупал кучу книг по CSS — техническая реализация на его стороне ;))

  • Ivor
    02 ноября 2017, 01:56
    Посмотри как реализованно в телеграм на андроиде. Только первые несколько слов в цитате,  и никакого нагромождения. Скорее всего надо будет использовать Ява скрипт. 
  • Lekrus
    02 ноября 2017, 02:09
    Если сделать как старый добрый PhpBB, то можно рвать MFD, а сейчас даже читать не хочется… Не надо ничего придумывать, бери то, к чему все с детства привыкли
  • Александр Лопатин
    02 ноября 2017, 06:36
    А что если текущий вариант дополнить сворачиванием, т.е. каждый блок цитаты сворачивается по-умолчанию и еще можно было бы куда нибудь в этот блок воткнуть ссылку на цитируемый комментарий.
  • Egorax
    02 ноября 2017, 07:09
    Может сделать как на YouTube -> Показать все ответы-Скрыть ответы
  • Alexrad
    02 ноября 2017, 07:19

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

    Еще во вконтктике изящно сделано. Если в ответе наводишь курсор на имя человека которому отвечаешь, то вплывает полная цитата того, на что отвечаешь.

  • Григорий
    02 ноября 2017, 10:43

    Я не верстальщик  и не дизайнер, но предложу.
    Вложенные сообщения не нужны, скрытие не нужно, так как  для чтения нужны доп действия. Только лента.
    Предлагаю:
    1. сообщения пронумеровать. Если пользователю лень давать ссылку, то он просто напишет в каком сообщении он писал это.
    2. ответ на сообщение типа имя и <ссылка>, нажимаешь в ответе на ссылку и читаешь исходное сообщение (или оставить как в комментариях к постам);
    3. Цитирование. Если пользователю надо ответить на часть сообщения, то он выделяет эту часть и жмет ответить, то тогда автоматически создается цитата из только выделенного.
    4. Если пользователь не хочет  лазить по ссылкам дискуссии, то можно было бы сделать опцию открыть всю дискуссию по одному вопросу в отдельном окне.  Туда бы попадали только релевантные сообщения. Было бы удобнее.
    5. Повторение одних и тех же сообщений не должно быть. 

  • Алексей
    02 ноября 2017, 10:47
    Вариант реализации:
    Оставлять «башни» как есть, но все цитируемые сообщения, кроме последнего, автоматически сворачивать. Развернутым остается только последнее сообщение. Логика простая: обычно пользователь хочет цитировать только последнее сообщение, чтобы было понятно, кому он отвечает, а все остальные сообщения — идут «бонусом».
    Ну до кучи еще можно куда-нибудь ввернуть ссылки «свернуть все», «развернуть все».
  • Гражданин РФ
    02 ноября 2017, 12:04
    Ждём задание от тимофея, что бы во всех браузерах можно было форум читать. а не только квадратикик вместо букв лицезреть.
  • aii
    02 ноября 2017, 14:18
    Может сменить саму концепцию комментирования?

    Как это сделано, например в телеграмме: в цитату включается только последнее сообщение, на которое пишется ответ.

    Пример:




Активные форумы
Что сейчас обсуждают

Старый дизайн
Старый
дизайн