The Sims Creative Club

This is a sample guest message. Register a free account today to become a member! Once signed in, you'll be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

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

Gardolir

Mistborn
Команда форума
Старший администратор
Сообщения
5.849
Достижения
307
Награды
5.063
На форуме есть возможность оформлять сообщения с помощью картинки-спойлера. Как ее вставить, смотрите здесь. Внешне такая картинка ничем не отличается от обычного изображения, что может ввести в заблуждение других пользователей и не дать ожидаемого автором эффекта. Поэтому ниже я напишу правила-рекомендации по использованию данной функции.

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

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

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

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

2.jpg

Спойлер
Информация о проекте
Спойлер
Новости проекта
Спойлер
Список всех подписчиков
6.jpg


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

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

Возникшие вопросы можно задать в этой теме.
 
Последнее редактирование:

Alter

Проверенный
Сообщения
2.220
Достижения
214
Награды
1.506
yo1o4ka, вы одну большую картинку просто нарезаете на части. Выглядеть она будет цельно, как в примере до открытия спойлера (пока не нажмете на пункт меню).
 

Nora_4

Проверенный
Сообщения
80
Достижения
69
Награды
16
Абсолютно не поняла как делать эту картинку-спойлер. Очень хотела бы сделать, но не понимаю как.
 

Марфочка

Проверенный
Сообщения
842
Достижения
187
Награды
292
Часто бывает что она дублируется. Я ковыряюсь и потом все пропадает но такое не часто. Не могли бы подсказать что конкретно не так. В тексте стоит одна картинка-спойлер а выходит что у меня два их и под первым всего пара строк а под вторым уже весь текст идет.
 

Alter

Проверенный
Сообщения
2.220
Достижения
214
Награды
1.506
Марфочка, видимо, вы сначала все оформили в стандартном окне набора сообщения, а затем перешли в расширенный режим и некоторые коды побились.
 

Tolki

Проверенный
Сообщения
487
Достижения
189
Награды
475
Часто бывает что она дублируется. Я ковыряюсь и потом все пропадает но такое не часто. Не могли бы подсказать что конкретно не так. В тексте стоит одна картинка-спойлер а выходит что у меня два их и под первым всего пара строк а под вторым уже весь текст идет.

Такая же проблема. Причем изначально оформляю посты в расширенном режиме редактора.
Иногда проблема в лишнем пробеле. А иногда ковыряешься час "методом тыка" и ничего не помогает убрать дубликат :/
 

JDee

Soulmate
Команда форума
Сообщения
7.786
Достижения
300
Награды
2.675
Если дублируется спойлер или кат - переходите в упрощенный режим и смотрите, где у вас внутри разрывается какой-нибудь тег оформления шрифта - закрывается и открывается снова.
 

Magica

Друг сайта
Сообщения
11.791
Достижения
324
Награды
4.954
Alfamanja, нужно использовать не код spoiler, а спойлер-картинку cut:
Код:
[cut=https://i91.fastpic.ru/big/2017/0925/c5/5b6429a9f6491b8f4c2b62d43efbaac5.jpg] Текст под спойлером [/cut]

И вот так получится:

Спойлер

Оп, получился текст под катом!
 
Верх