Уважаемые пользователи!
C 7 ноября 2020 года phpBB Group прекратила выпуск обновлений и завершила дальнейшее развитие phpBB версии 3.2.
С 1 августа 2024 года phpBB Group прекращает поддержку phpBB 3.2 на официальном сайте.
Сайт официальной русской поддержки phpBB Guru продолжит поддержку phpBB 3.2 до 31 декабря 2024 года.
С учетом этого, настоятельно рекомендуется обновить конференции до версии 3.3.

[3.2] Назначение своего значка на bbcode

У вас есть идея для расширения функциональности phpBB? Расскажите о ней здесь!
Правила форума
Местная Конституция | Шаблон запроса | Документация (phpBB3) | Мини [FAQ] по phpBB3.1.x/3.3.x | FAQ | Как задавать вопросы | Как устанавливать расширения

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).
Аватара пользователя
t4p2
phpBB 2.0.1
Сообщения: 256
Стаж: 8 лет 7 месяцев
Откуда: Okayma
Благодарил (а): 46 раз
Поблагодарили: 1 раз
Контактная информация:

[3.2] Назначение своего значка на bbcode

Сообщение t4p2 »

Описание проблемы: Назначение своего значка на bbcode
Произведенные изменения, после которых начались неполадки: пока не производила изменения
Версия phpBB: 3.2.7
Используемые стили: prosilver
Используемые расширения: Upload Extensions
Версия PHP:: 7.2.10
Используемая СУБД и её версия: MySQL(i) 5.7.25
Ссылка на конференцию: http://forum.gamernet.ru
Есть ли у вас тестовый аккаунт: нет
Использовался ли поиск для решения проблемы: да
Если да, то какие запросы вы использовали: Замена bbcode на свой значек

Подскажите пожалуйста, как можно своему bbcode назначить свой значек?
Вот к примеру уже есть встроенный bbcode "Элемент списка: [*]текст" с картинкой звездочки.
Его код выглядит вот так вот:

Код: Выделить всё

<button type="button" class="button button-icon-only bbcode-asterisk" accesskey="y" name="addlistitem" value="[*]" onclick="bbstyle(-1)" title="Элемент списка: [*]текст"><i class="icon fa-asterisk fa-fw" aria-hidden="true"></i></button>
т.е. сам стиль, который отвечает за картинку bbcode-asterisk
Подскажите пожалуйста, как вот свой bbcode добавить, вот такой вот:

Код: Выделить всё

[image={NUMBER}]{URL}[/image]

Код: Выделить всё

<a href="{URL}" class="highslide" onclick="return hs.expand(this)"><img src="{URL}" width="{NUMBER}"  alt="" /></a>

Код: Выделить всё

Изображение с ограничением ширины: [image=ширина]адрес[/image]
- Ищy выход из Интеpнета...
Изображение
Аватара пользователя
Sheer
Former team member
Сообщения: 12113
Стаж: 17 лет 1 месяц
Откуда: Калининград не Кенигсберг
Благодарил (а): 54 раза
Поблагодарили: 2752 раза
Контактная информация:

Re: [3.2] Назначение своего значка на bbcode

Сообщение Sheer »

В файле colours.css добавить

Код: Выделить всё

.button.bbcode-image:before {
	content:"\f002";
	font-family: FontAwesome;
}
Вместо f002 прописать желаемое значение --> https://fontawesome.com/icons?d=gallery
Изображение
Общие ошибки новичков (07.11.2005) & Как задавать вопросы
Мини FAQ
Если ничто другое не помогает, прочтите, наконец, инструкцию!
"Никакая инструкция не может перечислить всех обязанностей должностного лица, предусмотреть все отдельные случаи и дать вперёд соответствующие указания, а поэтому господа инженеры должны проявить инициативу и, руководствуясь знаниями своей специальности и пользой дела, принять все усилия для оправдания своего назначения".
Циркуляр Морского технического комитета №15 от 29.11.1910 г.
Аватара пользователя
t4p2
phpBB 2.0.1
Сообщения: 256
Стаж: 8 лет 7 месяцев
Откуда: Okayma
Благодарил (а): 46 раз
Поблагодарили: 1 раз
Контактная информация:

Re: [3.2] Назначение своего значка на bbcode

Сообщение t4p2 »

Sheer писал(а): 09.08.2019 0:33 В файле colours.css добавить
Я в css не лезла, но попробовала сделать вот так вот:
Решила установить значек на bbcode spoiler
  1. Открыла \styles\prosilver\template\posting_buttons.html
    Нашла:

    Код: Выделить всё

    <!-- BEGIN custom_tags -->,
    Добавила перед:

    Код: Выделить всё

    ,'[spoiler]','[/spoiler]'
    Нашла:

    Код: Выделить всё

    var help_line = {
    Добавила с новой строки:

    Код: Выделить всё

    sp: '{L_BBCODE_SP_HELP}',
    Нашла:

    Код: Выделить всё

    <div id="format-buttons" class="format-buttons">
    Добавила с новой строки:

    Код: Выделить всё

    <button type="button" class="button button-icon-only bbcode-sp" accesskey="b" name="addbbcode0" value=" spoiler " onclick="bbstyle(22)" title="{L_BBCODE_SP_HELP}">
    		<i class="icon fa-plus-square fa-fw" aria-hidden="true"></i>
    	</button>
    Сохранила.
  2. Открыла \language\ru\posting.php
    Нашла:

    Код: Выделить всё

    'BBCODE_B_HELP'				=> 'Жирный текст: [b]текст[/b]',
    Добавила с новой строки:

    Код: Выделить всё

    'BBCODE_SP_HELP'				=> 'Вставить спойлер (скрытый текст): [spoiler]Текст[/spoiler] или [spoiler="Заголовок"]Текст[/spoiler]',
Значек добавился, но теперь где прописывается html?:

Код: Выделить всё

<div class="sp-wrap"><div class="sp-body" title="{INTTEXT}">{TEXT}</div></div>


Попробовать бы расширение сделать, что-бы так не мучаться.
- Ищy выход из Интеpнета...
Изображение
Аватара пользователя
Татьяна5
Поддержка
Поддержка
Сообщения: 12372
Стаж: 12 лет 7 месяцев
Благодарил (а): 223 раза
Поблагодарили: 3517 раз
Контактная информация:

Re: [3.2] Назначение своего значка на bbcode

Сообщение Татьяна5 »

t4p2 писал(а): 09.08.2019 1:03 Попробовать бы расширение сделать
Вот то будет верный подход
prosilver в 3.2 править не надо
Аватара пользователя
t4p2
phpBB 2.0.1
Сообщения: 256
Стаж: 8 лет 7 месяцев
Откуда: Okayma
Благодарил (а): 46 раз
Поблагодарили: 1 раз
Контактная информация:

Re: [3.2] Назначение своего значка на bbcode

Сообщение t4p2 »

Татьяна5 писал(а): 09.08.2019 1:12 Вот то будет верный подход
prosilver в 3.2 править не надо
я пока не разобралась как с этим кодом быть.
В BBCodes выглядит вот так вот:

Код: Выделить всё

[spoiler={INTTEXT;optional}]{TEXT}[/spoiler]

Код: Выделить всё

<div class="sp-wrap"><div class="sp-body" title="{INTTEXT}">{TEXT}</div></div>
т.е. где сперва вручную добавить, тогда вроде как понятно будет с чего начинать расширение создавать
п.с.: я не разу не создавала расширение, но много читала... много мануалов...
- Ищy выход из Интеpнета...
Изображение
Аватара пользователя
Sheer
Former team member
Сообщения: 12113
Стаж: 17 лет 1 месяц
Откуда: Калининград не Кенигсберг
Благодарил (а): 54 раза
Поблагодарили: 2752 раза
Контактная информация:

Re: [3.2] Назначение своего значка на bbcode

Сообщение Sheer »

t4p2 писал(а): 09.08.2019 1:03 Я в css не лезла
И совершенно напрасно. Ибо так проще.
Для bbcode spoiler по аналогии

Код: Выделить всё

.button.bbcode-spoiler:before {
    	content:"\f002";
    	font-family: FontAwesome;
}
Screenshot_1.png
Screenshot_2.png
Продвинутый метод: сделать микрорасширение, которое добавляло бы свой кастомеый css и прописывать в него классы по необходимости.
Вместо bbcode-spoiler в классе прописываете bbcode-имя_вашего_бб-кода, например bbcode-icode
Изображение
Общие ошибки новичков (07.11.2005) & Как задавать вопросы
Мини FAQ
Если ничто другое не помогает, прочтите, наконец, инструкцию!
"Никакая инструкция не может перечислить всех обязанностей должностного лица, предусмотреть все отдельные случаи и дать вперёд соответствующие указания, а поэтому господа инженеры должны проявить инициативу и, руководствуясь знаниями своей специальности и пользой дела, принять все усилия для оправдания своего назначения".
Циркуляр Морского технического комитета №15 от 29.11.1910 г.
Аватара пользователя
Sheer
Former team member
Сообщения: 12113
Стаж: 17 лет 1 месяц
Откуда: Калининград не Кенигсберг
Благодарил (а): 54 раза
Поблагодарили: 2752 раза
Контактная информация:

Re: [3.2] Назначение своего значка на bbcode

Сообщение Sheer »

Получите
ext.rar
(1.18 КБ) 104 скачивания
В расширении в css добавлен класс для bb-кода sup

Код: Выделить всё

[sup]{TEXT}[/sup]

Код: Выделить всё

<sup style="vertical-align: super; font-size: smaller;">{TEXT}</sup>
Изображение
Общие ошибки новичков (07.11.2005) & Как задавать вопросы
Мини FAQ
Если ничто другое не помогает, прочтите, наконец, инструкцию!
"Никакая инструкция не может перечислить всех обязанностей должностного лица, предусмотреть все отдельные случаи и дать вперёд соответствующие указания, а поэтому господа инженеры должны проявить инициативу и, руководствуясь знаниями своей специальности и пользой дела, принять все усилия для оправдания своего назначения".
Циркуляр Морского технического комитета №15 от 29.11.1910 г.
Аватара пользователя
t4p2
phpBB 2.0.1
Сообщения: 256
Стаж: 8 лет 7 месяцев
Откуда: Okayma
Благодарил (а): 46 раз
Поблагодарили: 1 раз
Контактная информация:

Re: [3.2] Назначение своего значка на bbcode

Сообщение t4p2 »

Sheer писал(а): 09.08.2019 1:31 В расширении в css добавлен класс для bb-кода sup
так что-ли? :shock:
\ext\sheer\add_css\styles\all\theme\custom.css

Код: Выделить всё

.button.bbcode-sup:before {
	content:"\f002";
	font-family: FontAwesome;
}
.sup {
	    [sup]{TEXT}[/sup]
		<sup style="vertical-align: super; font-size: smaller;">{TEXT}</sup>
}
я что-то не поняла...
- Ищy выход из Интеpнета...
Изображение
Аватара пользователя
Татьяна5
Поддержка
Поддержка
Сообщения: 12372
Стаж: 12 лет 7 месяцев
Благодарил (а): 223 раза
Поблагодарили: 3517 раз
Контактная информация:

Re: [3.2] Назначение своего значка на bbcode

Сообщение Татьяна5 »

t4p2 писал(а): 09.08.2019 1:20 где сперва вручную добавить
Потом наложатся ограничения от расширений, и, вполне возможно, придётся переделывать всё заново по-другому

Отправлено спустя 1 минуту 42 секунды:
t4p2 писал(а): 09.08.2019 1:41так что-ли?
Нет
Вот это

Код: Выделить всё

.sup {
	    [sup]{TEXT}[/sup]
		<sup style="vertical-align: super; font-size: smaller;">{TEXT}</sup>
}
не нужно
Аватара пользователя
t4p2
phpBB 2.0.1
Сообщения: 256
Стаж: 8 лет 7 месяцев
Откуда: Okayma
Благодарил (а): 46 раз
Поблагодарили: 1 раз
Контактная информация:

Re: [3.2] Назначение своего значка на bbcode

Сообщение t4p2 »

Я скачала ext.rar
Но никак не могу сообразить, как и куда вставить bbcode спойлера:

Код: Выделить всё

[spoiler={INTTEXT;optional}]{TEXT}[/spoiler]

Код: Выделить всё

<div class="sp-wrap"><div class="sp-body" title="{INTTEXT}">{TEXT}</div></div>
Sheer подсказал, что надо вставить в css в качестве класса...
ничего не выходит.... :|
- Ищy выход из Интеpнета...
Изображение
Аватара пользователя
Татьяна5
Поддержка
Поддержка
Сообщения: 12372
Стаж: 12 лет 7 месяцев
Благодарил (а): 223 раза
Поблагодарили: 3517 раз
Контактная информация:

Re: [3.2] Назначение своего значка на bbcode

Сообщение Татьяна5 »

Посмотреть, что там за класс на кнопке спойлера, и записать его в css вместо bbcode-sup. Потом настроить css на свой вкус
t4p2 писал(а): 09.08.2019 1:50 как и куда вставить bbcode спойлера
В админке его создать. Больше никуда
Аватара пользователя
Sheer
Former team member
Сообщения: 12113
Стаж: 17 лет 1 месяц
Откуда: Калининград не Кенигсберг
Благодарил (а): 54 раза
Поблагодарили: 2752 раза
Контактная информация:

Re: [3.2] Назначение своего значка на bbcode

Сообщение Sheer »

t4p2 писал(а): 09.08.2019 1:50 как и куда вставить bbcode спойлера:
:facepalm: В админке, ядрена мама!
В \ext\sheer\add_css\styles\all\theme\custom.css
Добавить

Код: Выделить всё

    .button.bbcode-spoiler:before {
        	content:"\f005";
        	font-family: FontAwesome;
    }
Изображение
Общие ошибки новичков (07.11.2005) & Как задавать вопросы
Мини FAQ
Если ничто другое не помогает, прочтите, наконец, инструкцию!
"Никакая инструкция не может перечислить всех обязанностей должностного лица, предусмотреть все отдельные случаи и дать вперёд соответствующие указания, а поэтому господа инженеры должны проявить инициативу и, руководствуясь знаниями своей специальности и пользой дела, принять все усилия для оправдания своего назначения".
Циркуляр Морского технического комитета №15 от 29.11.1910 г.
Аватара пользователя
Татьяна5
Поддержка
Поддержка
Сообщения: 12372
Стаж: 12 лет 7 месяцев
Благодарил (а): 223 раза
Поблагодарили: 3517 раз
Контактная информация:

Re: [3.2] Назначение своего значка на bbcode

Сообщение Татьяна5 »

Пример где смотреть класс на спойлере отсюда
2019-08-09_015455.jpg
Аватара пользователя
Sheer
Former team member
Сообщения: 12113
Стаж: 17 лет 1 месяц
Откуда: Калининград не Кенигсберг
Благодарил (а): 54 раза
Поблагодарили: 2752 раза
Контактная информация:

Re: [3.2] Назначение своего значка на bbcode

Сообщение Sheer »

Татьяна5 писал(а): 09.08.2019 1:57 де смотреть класс на спойлере
Я уже показывал. Нотоварищч не понимает :(

Отправлено спустя 2 минуты 58 секунд:
Любому кастомнуму бб-коду присваивается свой css-класс, который нигде не прописан. Используя расширение, в \ext\sheer\add_css\styles\all\theme\custom.css можно назначить класс любому bb-коду, исходя из его названия.
Кроме того, можно полностью перлопатить стиль, перекрасить, заменить логотип и т.д
Изображение
Общие ошибки новичков (07.11.2005) & Как задавать вопросы
Мини FAQ
Если ничто другое не помогает, прочтите, наконец, инструкцию!
"Никакая инструкция не может перечислить всех обязанностей должностного лица, предусмотреть все отдельные случаи и дать вперёд соответствующие указания, а поэтому господа инженеры должны проявить инициативу и, руководствуясь знаниями своей специальности и пользой дела, принять все усилия для оправдания своего назначения".
Циркуляр Морского технического комитета №15 от 29.11.1910 г.
Аватара пользователя
t4p2
phpBB 2.0.1
Сообщения: 256
Стаж: 8 лет 7 месяцев
Откуда: Okayma
Благодарил (а): 46 раз
Поблагодарили: 1 раз
Контактная информация:

Re: [3.2] Назначение своего значка на bbcode

Сообщение t4p2 »

Sheer писал(а): 09.08.2019 1:58 Я уже показывал. Нотоварищч не понимает :(
Да нет, Вы меня похоже просто не понимаете :)
Я хочу установить кнопку для сполера, кнопочку я уже выбрала: fa-plus-square

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

Отправлено спустя 6 минут 52 секунды:
Вот смотрите:
Изображение
Используя расширение от Sheer у меня выглядит под циферкой 2 на картинке... А я добиваюсь, что-бы выглядило как под циферкой 1. вот :roll:
- Ищy выход из Интеpнета...
Изображение
Ответить

Вернуться в «Запросы расширений для phpBB»