Ббкод с двумя кнопками.

Новая версия - новые вопросы.
Попробуем разобраться со всеми возникшими вопросами вместе.
igorbond

Ббкод с двумя кнопками.

igorbond 07 авг 2017, 00:47 Сообщение

Добрый вечер. Как можно было бы сделать ббкод в котором было бы две кнопки, одна на Скачивание файла, вторая на поддержу проекта или поблагодарить. Вот как то так. Чтобы они хорошо смотрелись и на компе и на телефоне, желательно средствами стиля, а не картинками.

Или даже так, Надпись скачать бесплатно, при нажатии на нее открывается спойлер и в нем небольшая надпись и две кнопки как описал выше. Для 3,1 и 3,2 для стиля Винтаж если можно и подобных ему в цветовой гамме.

Заранее спасибо!

Аватара пользователя
CabinetAdmin

Ббкод с двумя кнопками.

CabinetAdmin 08 авг 2017, 15:22 Сообщение

Я, вроде бы, делал что-то похожее для вордпресса, на сколько помню... :scratch:
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

igorbond

Ббкод с двумя кнопками.

igorbond 08 авг 2017, 16:44 Сообщение

CabinetAdmin писал(а):Источник цитаты Я, вроде бы, делал что-то похожее для вордпресса, на сколько помню... :scratch:


Там совершенно другое было

Аватара пользователя
CabinetAdmin

Ббкод с двумя кнопками.

CabinetAdmin 12 авг 2017, 10:47 Сообщение

Такс.
Нужна кнопка, по клике на которую открывается спойлер с ещё двумя кнопками. Кнопки которые будут под спойлером должны заполняться пользователем или как? "Скачивание файла", это вложение должно быть или юзер просто вставляет ссылку, то же самое со второй кнопкой?
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

igorbond

Ббкод с двумя кнопками.

igorbond 12 авг 2017, 12:11 Сообщение

Заполняется только кнопка пользователем скачать файл ссылкой, а вторая кнопка одна для всех.

Аватара пользователя
CabinetAdmin

Ббкод с двумя кнопками.

CabinetAdmin 12 авг 2017, 17:14 Сообщение

Ну тогда к примеру черновой вариант:

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

<div id="sp_wrap"> <div class="sp_title" onclick="hidn = this.parentNode.getElementsByTagName('div')[1]; if (hidn.style.display != '') { hidn.style.display = ''; } else { hidn.style.display = 'none'; };"> <strong style="border: 2px solid #484238;border-radius: 7px;padding: 6px 8px;display: inline-block;line-height: normal;cursor: pointer;">Скачать бесплатно</strong> </div> <div class="sp_body" style="text-align:center;display:none;"> <div style="display: inline-block;padding: 5px 15px;background: #d8d2c7;border: 1px solid #9e9685;margin: 5px;">{TEXT}</div> <div style="display: inline-block;padding: 5px 15px;background: #d8d2c7;border: 1px solid #9e9685;margin: 5px;"> <!-- код: кнопка одна для всех --> </div> </div> </div>
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

igorbond

Ббкод с двумя кнопками.

igorbond 12 авг 2017, 22:34 Сообщение

Получается вот так Изображение

Но как правильно оформить Использование BBCode ?

А так же выпадающие кнопки не появляются только ссылки.

Аватара пользователя
CabinetAdmin

Ббкод с двумя кнопками.

CabinetAdmin 13 авг 2017, 10:04 Сообщение

igorbond писал(а):Источник цитаты Получается вот так

Не так надо?
Чтобы ссылкой - <a href="{TEXT}"> -- ссылка -- </a>
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

igorbond

Ббкод с двумя кнопками.

igorbond 13 авг 2017, 10:24 Сообщение

Нужно вот так

Изображение

Вот как это правильно оформить. Да и желательно чтобы все было в стиле как мы это делали для Вордпресс

Аватара пользователя
CabinetAdmin

Ббкод с двумя кнопками.

CabinetAdmin 13 авг 2017, 21:04 Сообщение

Значит вместо {TEXT} сделать <a href="{TEXT}">СКАЧАТЬ</a>, вторую кнопку тоже так же ссылкой оформить.
igorbond писал(а):Источник цитаты Да и желательно чтобы все было в стиле как мы это делали для Вордпресс

Надо поискать в лс, если не удалил уже...
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

igorbond

Ббкод с двумя кнопками.

igorbond 13 авг 2017, 21:40 Сообщение

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

Аватара пользователя
CabinetAdmin

Ббкод с двумя кнопками.

CabinetAdmin 14 авг 2017, 15:06 Сообщение

Ой, ну да, надо {URL} же использовать, так значит - <a href="{URL}">СКАЧАТЬ</a>
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

igorbond

Ббкод с двумя кнопками.

igorbond 15 авг 2017, 09:22 Сообщение

CabinetAdmin писал(а):Источник цитаты Ой, ну да, надо {URL} же использовать, так значит - <a href="{URL}">СКАЧАТЬ</a>


Тут я сам сделал правильно, использование Ббкода нужно было так

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

[hig]{URL}[/hig]

igorbond

Ббкод с двумя кнопками.

igorbond 15 авг 2017, 09:36 Сообщение

Да и еще бы, можно выпадающий блоки сделать, точнее текст в них был более жирным. А так же чтобы было не по центру, а прямо под блоком, первым, только чуть ниже, с отступом.

Аватара пользователя
CabinetAdmin

Ббкод с двумя кнопками.

CabinetAdmin 15 авг 2017, 16:22 Сообщение

В коде есть <div class="sp_body" style="text-align:center;display:none;">, вот сюда и добавить отступ и убрать центрирование - <div class="sp_body" style="margin:10px 0;display:none;">, можно даже сюда же добавить жирный текст font-weight: bold;
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект



Похожие темы

Вернуться в «Поддержка phpBB 3.1.x»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 3 гостя