Как сделать спойлер bb код
Добавил пользователь Cypher Обновлено: 05.10.2024
| Конфигурация компьютера | |
| Процессор: Core™2 Quad Q8300 @ 2.50GHz | |
| Материнская плата: MSI G41M-P33 Combo | |
| Память: PQI DDR2 (PC2-6400) 2x2048 | |
| HDD: SSD OCZ-AGILITY3 - 120GB | |
| Видеокарта: Gigabyte GeForce GTX660 2048Mb | |
| ОС: Windows 10 Pro x64 (11082) |
Мы решили заменить тег скрытого текста на новый - [spoiler].
Новый тег поддерживает работу как без заголовка так и с ним.
[spoiler]Пример с заголовком по умолчанию.[/spoiler]
[spoiler=Мой заголовок]Пример с заголовком, указанным пользователем.[/spoiler]
Некоторые особенности :
- заменена иконка и действие в панели инструментов редактора:
- UPD добавлена кнопка для вставки тега [spoiler] с заголовком: Эта кнопка работает также как кнопки URL, IMG и вставляет в окно ввода [spoiler=Ваш заголовок][/spoiler]
- тег [spoiler] обрамляет выделенный текст в редакторе при нажатии кнопки вставки тега
- внутри тега [spoiler] обрабатываются все остальные теги ([code], [php], [img], [quote] и т.д.)
- тег [spoiler] поддерживает вложенность:
Пример вложенности спойлеров :
Спасибо за внимание.
Для отключения данного рекламного блока вам необходимо зарегистрироваться или войти с учетной записью социальной сети.
| Конфигурация компьютера | |
| Процессор: Core™2 Quad Q8300 @ 2.50GHz | |
| Материнская плата: MSI G41M-P33 Combo | |
| Память: PQI DDR2 (PC2-6400) 2x2048 | |
| HDD: SSD OCZ-AGILITY3 - 120GB | |
| Видеокарта: Gigabyte GeForce GTX660 2048Mb | |
| ОС: Windows 10 Pro x64 (11082) |
Будут заменены конечно. [ht=Заголовок] будет заменен на [spoiler=Заголовок], а [more] будет заменен на [spoiler]
| Конфигурация компьютера | |
| Процессор: QuadCore Intel Core i7-3770K, 3733 MHz (37 x 101) | |
| Материнская плата: Gigabyte GA-Z77X-UD5H | |
| Память: 8153 МБ (DDR3-1600 DDR3 SDRAM) | |
| HDD: OCZ-VERT EX3 SCSI Disk Device (111 ГБ), WDC WD10EADS-65L5B1 (1000 ГБ, SATA-II) | |
| Видеокарта: NVIDIA GeForce GTX 460 1024M GIGABYTE GTX460 GV-N460OC-1GI | |
| Звук: Realtek ALC899 @ Intel Panther Point PCH - High Definition Audio Controller [C-1] | |
| Блок питания: 650W Chieftec CFT-650-14CS PFC Black | |
| CD/DVD: HL-DT-ST DVD-RAM GH22NS30 ATA Device | |
| Монитор: ViewSonic VA1912w Series 19" , SAMSUNG Full HD 42" | |
| ОС: Windows 7 максимальная x64 | |
| Индекс производительности Windows: 7.9 |
| Конфигурация компьютера | |
| Процессор: AMD Ryzen 5 1400 @3.5GHz & Cooler Master Hyper TX3 | |
| Материнская плата: MSI B350 Pc-Mate | |
| Память: Hynix 2x8Gb DDR4 3000Mhz | |
| HDD: GoodRam Iridium Pro 240Gb + Hitachi HDS721010CLA332 1Tb | |
| Видеокарта: Asrock AMD Radeon RX570 4G (X) | |
| Блок питания: be quiet! System Power 9 500W (HEC) | |
| CD/DVD: ASUS DRW-24B3ST | |
| Монитор: ViewSonic VA2248 22" | |
| ОС: Win 10 Home x64 | |
| Прочее: Принтер Ricoh Aficio SP 112, ИБП Eaton ENV1000H |
А нельзя ли вывести спойлер с заголовкам на отдельную иконку в окне ответа, чтоб вручную не писать "=Мой заголовок]"?
Например через диалог - "введите название спойлера>>> введите содержание спойлера"
что бы на 1 странице было несколько спойлеров и спойлер можно было помещать в спойлер.
Использовал скрипт:
Ввести коды ASCII N символов. Выбрать из них и вывести только коды цифр
Нужна помощь с заданием: Ввести коды ASCII N символов. Выбрать из них и вывести только коды цифр. .
Дан массив S(50).Вывести те символы (и их коды), коды которых кратны 5 и определить их количество.
Дан массив S(50).Вывести те символы (и их коды), коды которых кратны 5 и определить их количество.
Даны два двоичных числа 10010000 и 00001001. Числа 16-е ASCII–коды и перевести их в 2-е коды
Добрый день, помогите с задачкой: Даны два двоичных числа 10010000 и 00001001. Числа 16-е.
и каждый раз когда видишь эту строку, прибавляешь к $spoiler_sch 1 бал.
2. Создаёшь скрипт с функцией toggle:
не понял, тоесть добавлять 1 балл?
у меня пример но так идет
На PHP давно не прогил и preg_match использовал ещё давнее, так что не помню точно, как его использовать, но копать нужно в этом направлении.
На форуме существует три основных BB-кода :
Жирный текст
Текст курсивом
Подчеркнутый текст
Представленные коды можно совмещать и получать: жирный подчёркнутый шрифт, подчёркнутый курсив, жирный курсив или жирный подчёркнутый курсив.
Есть ещё четыре варианта отображения текста:
[title1]Заголовок 1[/title1]
[title2]Заголовок 2[/title2]
[small]Маленький текст[/small]
[big]Большой текст[/big]
>> Заголовок 1
Заголовок 2
Маленький текст
Большой текст
Используя коды увеличения или уменьшения текста, Вы можете продублировать код, чтобы текст стал ещё крупнее или ещё мельче:
Очень маленький текст
Очень большой текст
When you’re going to change the world, don’t ask for permission.
When you’re going to change the world, don’t ask for permission.
Существует множество цветов, работающих на этом форуме. Их можно вводить как названиями (red, blue, brown и т.д.), так и с помощью номеров в формате HEX. Все названия цветов не перечислить, вместо этого мы научим Вас работать с палитрой.
2. На картинке ниже обведены несколько полей.
Разберём их по очереди:
Синим цветом обведены кнопки, с помощью которых можно выбрать фон сайта для более удобного выбора цвета. Просто наведите курсор на любую кнопку.
В фиолетовую рамочку заключена сама палитра. Круг поможет Вам выбрать цветовой спектр, а квадрат в центре - насыщенность и яркость.
Красным обвёден код HEX, который Вам нужен. Выбрав нужный цвет, Вы копируете получившийся код и вставляете его в bb-код, представленный выше.
3. Вставив подчёркнутый красным цветом код в bb-код, мы получаем текст необходимого цвета.
Мой текст, который очень плохо видно
4. Обратите внимание на фразу, подчёркнутую зелёным цветом. Если нажать на слово "Аквамариновый", Вы получите настоящий аквамариновый цвет.
5. Розовым цветом обведено меню для тех, кто хочет получить стандартный цвет. Нажмите на значок лупы, и в появившемся окошке введите название цвета.
Вы не успеете закончить печатать, а генератор уже выдаст Вам варианты вплоть до серобуромалинового, который неожиданно оказался очень приятным оттенком.
Теперь Вы можете подобрать абсолютно любой оттенок и сделать свой текст неповторимым!
Будьте осторожны с слишком яркими или слишком бледными оттенками. Их плохо видно, от них рябит в глазах, как Вы можете заметить по тексту из примера выше. Давайте побережём своё зрение и зрение других форумчан.
When you’re going to change the world, don’t ask for permission.
Рассмотрим картинку:
Фиолетовым цветом выделено окошко, куда нужно вводить свой текст.
Ярко-розовым цветом показана область, в которой можно выбрать один из вариантов градиента (и даже радугу!)
Оранжевым цветом выделена область, в которой необходимо выбрать цвета, между которыми будет переход. Можно скопировать код цвета из уже знакомой нам палитры или воспользоваться местной палитрой:
Ярко-голубым цветом показано окошко, в котором выбираются вид и размер шрифта. Нам этот шаг не нужен, так как на нашем форуме эти шрифты не отображаются.
Здесь же синим цветом выделена область, в которой Вы можете сделать свой градиент жирным (Bold) или курсивом (Italic), поставив галочку в нужном окошке.
В области, выделенной зелёным цветом, Вы можете посмотреть, как будет выглядеть текст, пока подбираете цвета и вариант градиента.
Обратите внимание, что Вам нужно скопировать именно тот текст с кодом, который появляется в окошке, обведённом красным цветом.
Теперь Вы умеете создавать градиент - эффект перехода от одного цвета к другому!
Спойлер — это открывающиеся / закрывающиеся объект с заголовком и содержанием.
Различные варианты комбинирования спойлера с таблицами и другими спойлерами
Используя теги в названиях спойлеров, не забывайте их закрывать, иначе это может сломать весь дальнейший код.
Использование тега в списках спойлера
При использовании того или иного списка в спойлере первый его пункт игнорируется как элемент. Во избежании этого следует использовать тег до и после списка:
Читайте также: