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

[igorbond]

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

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

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

[CabinetAdmin]

Я, вроде бы, делал что-то похожее для вордпресса, на сколько помню...

[igorbond]

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

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

[CabinetAdmin]

Такс.
Нужна кнопка, по клике на которую открывается спойлер с ещё двумя кнопками. Кнопки которые будут под спойлером должны заполняться пользователем или как? "Скачивание файла", это вложение должно быть или юзер просто вставляет ссылку, то же самое со второй кнопкой?

[igorbond]

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

[CabinetAdmin]

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

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

<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>

[igorbond]

Получается вот так

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

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

[CabinetAdmin]

Источник цитаты Получается вот так

Не так надо?
Чтобы ссылкой - <a href="{TEXT}"> -- ссылка -- </a>

[igorbond]

Нужно вот так



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

[CabinetAdmin]

Значит вместо {TEXT} сделать <a href="{TEXT}">СКАЧАТЬ</a>, вторую кнопку тоже так же ссылкой оформить.

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

Надо поискать в лс, если не удалил уже...

[igorbond]

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

[CabinetAdmin]

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

[igorbond]

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

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

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

[hig]{URL}[/hig]

[igorbond]

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

[CabinetAdmin]

В коде есть <div class="sp_body" style="text-align:center;display:none;">, вот сюда и добавить отступ и убрать центрирование - <div class="sp_body" style="margin:10px 0;display:none;">, можно даже сюда же добавить жирный текст font-weight: bold;