Страница 1 из 1

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

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

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

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

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

Добавлено: 08 авг 2017, 15:22
CabinetAdmin
Я, вроде бы, делал что-то похожее для вордпресса, на сколько помню... :scratch:

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

Добавлено: 08 авг 2017, 16:44
southklad
CabinetAdmin писал(а): Я, вроде бы, делал что-то похожее для вордпресса, на сколько помню... :scratch:
Там совершенно другое было

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

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

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

Добавлено: 12 авг 2017, 12:11
southklad
Заполняется только кнопка пользователем скачать файл ссылкой, а вторая кнопка одна для всех.

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

Добавлено: 12 авг 2017, 17:14
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>

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

Добавлено: 12 авг 2017, 22:34
southklad
Получается вот так Изображение

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

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

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

Добавлено: 13 авг 2017, 10:04
CabinetAdmin
igorbond писал(а): Получается вот так
Не так надо?
Чтобы ссылкой - <a href="{TEXT}"> -- ссылка -- </a>

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

Добавлено: 13 авг 2017, 10:24
southklad
Нужно вот так

Изображение

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

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

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

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

Добавлено: 13 авг 2017, 21:40
southklad
Я так и оформил, и если вставить ссылку в ббкод выдает ошибку. Потому как она не подхватывает стороннюю ссылку

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

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

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

Добавлено: 15 авг 2017, 09:22
southklad
CabinetAdmin писал(а): Ой, ну да, надо {URL} же использовать, так значит - <a href="{URL}">СКАЧАТЬ</a>
Тут я сам сделал правильно, использование Ббкода нужно было так

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

[hig]{URL}[/hig]

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

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

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

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