Картинка-спойлер - правила использования

Тема в разделе "F.A.Q. по сайту", создана пользователем Gardolir, 7 сен 2014.

  1. Gardolir
    Gardolir

    Mistborn


    Старший администратор
    Сообщения:
    6.257
    Дата: 7 сен 2014 | Сообщение #1
    На форуме есть возможность оформлять сообщения с помощью картинки-спойлера. Как ее вставить, смотрите здесь. Внешне такая картинка ничем не отличается от обычного изображения, что может ввести в заблуждение других пользователей и не дать ожидаемого автором эффекта. Поэтому ниже я напишу правила-рекомендации по использованию данной функции.

    Основная задача картинки-спойлера - красиво оформить кнопку, под которой скрыт какой-то текст. А это значит, что картинка должна быть не просто произвольным изображением, она должна побуждать пользователя нажать на нее, иначе вы рискуете, что ваш текст никто не увидит.

    1. Кнопка
    Что такое кнопка - все знают. Можно оформить графически любой текст, побуждающий к действию.

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

    2. Меню
    Меню можно использовать, например, при оформлении первого поста творческой темы или конкурса. Оно представляет собой набор кнопок, "встроенных" по стилю в одну большую картинку, нарезанную на части. При нажатии на пункт меню, остальная часть картинки плавно уезжает вниз, показывая скрытый текст. Некликабельные элементы оформления вставляются как простая картинка.

    [​IMG]
    Спойлер
    Информация о проекте
    Спойлер
    Новости проекта
    Спойлер
    Список всех подписчиков
    [​IMG]

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

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

    Возникшие вопросы можно задать в этой теме.
     
    Варечка, Alesizile, deadermine и 17 другим нравится это.
  2. yo1o4ka
    yo1o4ka

    ЛамАнгел



    Суперзвезда
    Сообщения:
    2.198
    Дата: 22 сен 2014 | Сообщение #2
    Gardolir, а вы можете написать подробно, как делать это меню?
     
  3. Alter
    Alter

    Проверенный
    Сообщения:
    2.543
    Дата: 24 сен 2014 | Сообщение #3
    yo1o4ka, вы одну большую картинку просто нарезаете на части. Выглядеть она будет цельно, как в примере до открытия спойлера (пока не нажмете на пункт меню).
     
    Katriel нравится это.
  4. Nora_4
    Nora_4

    Проверенный
    Сообщения:
    99
    Дата: 19 ноя 2014 | Сообщение #4
    Абсолютно не поняла как делать эту картинку-спойлер. Очень хотела бы сделать, но не понимаю как.
     
  5. JDee
    JDee

    Lover



    Модератор
    Сообщения:
    7.513
    Дата: 20 ноя 2014 | Сообщение #5
  6. Марфочка
    Марфочка

    Проверенный
    Сообщения:
    978
    Дата: 17 фев 2015 | Сообщение #6
    Часто бывает что она дублируется. Я ковыряюсь и потом все пропадает но такое не часто. Не могли бы подсказать что конкретно не так. В тексте стоит одна картинка-спойлер а выходит что у меня два их и под первым всего пара строк а под вторым уже весь текст идет.
     
  7. Alter
    Alter

    Проверенный
    Сообщения:
    2.543
    Дата: 17 фев 2015 | Сообщение #7
    Марфочка, видимо, вы сначала все оформили в стандартном окне набора сообщения, а затем перешли в расширенный режим и некоторые коды побились.
     
  8. Tolki
    Tolki

    Проверенный
    Сообщения:
    588
    Дата: 11 июн 2015 | Сообщение #8
    Такая же проблема. Причем изначально оформляю посты в расширенном режиме редактора.
    Иногда проблема в лишнем пробеле. А иногда ковыряешься час "методом тыка" и ничего не помогает убрать дубликат :/
     
  9. JDee
    JDee

    Lover



    Модератор
    Сообщения:
    7.513
    Дата: 13 июн 2015 | Сообщение #9
    Если дублируется спойлер или кат - переходите в упрощенный режим и смотрите, где у вас внутри разрывается какой-нибудь тег оформления шрифта - закрывается и открывается снова.
     
  10. Alfamanja
    Alfamanja

    Проверенный
    Сообщения:
    31
    Дата: 25 сен 2017 | Сообщение #10
  11. Magica
    Magica

    Эх, Люся...


    Администратор
    Сообщения:
    12.824
    Дата: 25 сен 2017 | Сообщение #11
    Alfamanja, нужно использовать не код spoiler, а спойлер-картинку cut:
    Код:
    [cut=http://i91.fastpic.ru/big/2017/0925/c5/5b6429a9f6491b8f4c2b62d43efbaac5.jpg] Текст под спойлером [/cut]
    И вот так получится:

    Спойлер

    Оп, получился текст под катом!
     
    alina_v нравится это.