Как сделать спойлер с надписью
Что такое спойлер, как сделать спойлер в Дискорде?
Как сделать спойлер в Дискорде и что означает этот термин? Если вы еще не знакомы с этой стороной работы мессенджера, скорее читайте наш обзор! Подготовили подробный рассказ о возможности прятать часть текста от собеседников – будет интересно.
Что это такое
В разговорах это словечко используется с негативной коннотацией – это раскрытие важной информации о развитии сюжета фильма, книги или сериала человеку, еще не дошедшему до этого момента. Неприятно, согласитесь?
В мессенджере термин носит другое значение, но связанное с описываемым выше. Делать спойлер в Дискорде – значит прятать информацию в своеобразный кармашек. Вы не сможете увидеть данные, если бросите взгляд на превью – нужно будет специально открывать сообщение.
Пользователи могут вставить спойлер в Discord для разных типов данных:
Как это выглядит? Данные скрыты черным квадратом! Все элементарное просто, давайте же поговорим о том, как написать спойлер в Дискорде.
Как включить опцию
Есть несколько способов скрывать информацию – вы можете воспользоваться любым описанным ниже вариантом, ориентируйтесь лишь на собственные пожелания.
Первый и самый распространенный путь – использование меню:
Альтернативный вариант, позволяющий писать спойлеры в Дискорде, таков:
Третий вариант еще проще:
Описанные способы можно испробовать как в мобильной, так и в десктопной версии Дискорда.
Важно! Если вы случайно увидели скрытую часть, «развидеть» уже не получится. Единственный способ – покинуть канал, к сожалению. Быть может, не стоит так расстраиваться?
К сожалению, на изображение поставить спойлер в Дискорде на телефоне не получится – этот функционал доступен только в десктопной версии:
Согласитесь, интересная и удобная возможность? Теперь вы сможете разнообразить общение и привнести в него нотку конфиденциальности.
Аккордеон, faq, спойлер и другие раскрывающиеся виджеты
Создать аккордеон, faq, спойлер и подобное, можно при помощи Div и JavaScript.
Но лучше: Details и Summary
Поддерживается всеми современными браузерами и это семантически правильно оформленный код, при использовании которого будут плюсы:
С одной стороны выглядит не очень красиво, с другой стороны нейтрально и легко может вписаться во многие дизайны. Кстати, дефолтный вид тега Details очень похож на спойлер от хабра, только нужно чуть перекрасить, сделать подчеркивание и получим семантически правильный, без javascript и дивов, хабровский спойлер.
К сожалению, у дефолтного маркера есть два недостатка:
Рассмотрим первый пример Details/Summary с измененным текстовым маркером:
Дефолтным маркерам делаем display:none и показываем альтернативный при помощи summary:before
summary:focus — обводка при помощи box-shadow, это нужно для клавиатуры, чтоб видно было активный элемент и можно было перемещаться клавишей таб и открывать и закрывать при помощи пробела.
Для тега summary я поставил display:inline-block — это чтоб он не растягивался на всю ширину и были кликабельными только слова, а не вся строка.
Текстовый маркер справа + простейшая анимация текста и маркера:
В новом примере я использую для маркера summary:after вместо summary:before, для того чтоб он отображался справа.
Анимация маркера при помощи transform: scale(1,-1);
Svg маркер + анимация поворота:
Summary:before пришлось серьезно переделать:
Ну и добавляем transform: rotateZ(90deg) для красивого поворота стрелки.
Если нам нужна svg иконка справа, то нужно поменять summary:before и вместо left поставить right.
Для summary поставить padding-right: 1.5em;
Давайте теперь сделаем один из наиболее распространенных примеров создания аккордиона, где будет иконка слева, фон, тени, эффекты:
Svg маркер справа + эффект зеркального поворота стрелки:
Теперь вы можете создавать красивые аккордионы, спойлеры и faq, без JavaScript, на чистом HTML5 и CSS.
Прежде чем убирать outline, 100 раз подумайте, чем вы можете его заменить, чтоб человек мог видеть фокус и мог перемещаться с клавиатуры или других устройств.
Если вам нужно, чтоб при открытии одного спойлера, закрывались остальные, то придется применить javascript, ниже привожу пример простого JS кода, который решит эту проблему.
С уважением, создатель конструктора лэндингов для фрилансеров CMS cPortfolio
Как сделать спойлер в word 2010?
На всякий случай даю
и конечно же большая благодарность тем кто отработал данный метод. Участникам киберфорума — Казанскому, JurLag и др.
Итак как добавить спойлер в word 2010?
добавление первой кнопки
1 добавление самой кнопки спойлера.
должна появиться кнопка
В режиме конструктора клацнуть на ней дважды.
В открывшемся окне добавить этот код
Private Sub CommandButton1_Click()
.Caption = IIf(.Caption Like «+*», «- Свернуть», «+ Открыть»)
Сохранить и закрыть. Можно просто закрыть после добавления. Должно сохраниться
2 Далее вставить область которая будет скрываться под спойлером
Как на рисунке Вставить — надпись
Должен появиться блок, типо такого. Все что в нем можно удалить.
—> Кликаем вкладку «Разработчик» —> Выключаем «Режим конструктора» кликаньем по нему —> Жмем на кнопку
“CommandButton1” —> Она превращается в кнопку с надписью: +Открыть или –Свернуть —> При клике на кнопку в
положении «-Свернуть», созданная рамка исчезает, и, при нажатии в положении «+Открыть», возвращается на место. Можно на этом шаге остановиться. В принципе спойлер уже работает. Все что будет окошке можно скрыть и показать клацая на кнопку. Текст в окошко можно вписывать любой, но выйдя из конструктора (клацнув на нем повторно). Но для удобства можно еще добавить область прокрутки.
3 Добавляем область прокрутки
Там же: разработчик – режим конструктора – формы предыдущих версий – но уже Вставка элемента управляемая кнопка
Текст внутри первого окна удалить, и перетянуть туда то окно, которое появилось последним после нажатия Вставка элемента управляемая кнопка
дальше изменяем свойства
После нажатия свойства должно появиться окно в котором изменяем
В MultiLine вместо False ставим значене True. В ScrollBars 4 варианта для выбора значений: 0 –ничего, 1 – горизонтальная полоса прокрутки, 2 – вертикальная полоса прокрутки, 3 – обе полосы прокрутки.
добавление последующих кнопок такое же, но код надо писать ниже и немного менять. Как на картинке.
Private Sub CommandButton_Click()
.Caption = IIf(.Caption Like «+*», «- Свернуть», «+ Открыть»)
Все. Теперь надеюсь еще кто не будь разработает макрос, что бы не делать эти все операции вручную, а добавлять кнопку буквально 1, 2 кликами. Если что то не получаеться, то вот еще раз ссылка на первоисточник. Там есть примеры
И еще чуть не забыл самое важное
В разделе Прочее компьютерное на вопрос Хотела создать спойлер в документе Word.Прислушалась к этому совету: «Выдели текст. В меню Формат выбери команду Шрифт, о заданный автором Гульсана лучший ответ это Я не совсем понял что означает словосочетание «серединные точки», но если примерно это:
То, тогда, проверьте нет ли у вас такого символа в конце строк:
, если есть, то значит вы просто включили отображение скрытых символов. Отключить их можно комбинацией клавиш: Ctrl+* (MS Office 2007), либо найти изображение этого же символа на панели инструментов и кликнуть по нему.
И кстати у меня вполне нормально работает скрыть текст с помощью флажка «скрытый» на вкладке Шрифт. Просто выделил текст поставил галочку, текст исчез O_O Потом поставил курсор в то место, где был текст и снял галочку — текст появился.
C уважением!
22 ответа
Привет! Вот подборка тем с ответами на Ваш вопрос: Хотела создать спойлер в документе Word.Прислушалась к этому совету: «Выдели текст. В меню Формат выбери команду Шрифт, о