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

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

Заранее спасибо!
Комментарии: 14

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

Я, вроде бы, делал что-то похожее для вордпресса, на сколько помню... :scratch:
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

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

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

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

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

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

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

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>
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

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

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

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

А так же выпадающие кнопки не появляются только ссылки.
  • 0
Изображение

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

igorbond писал(а): Получается вот так
Не так надо?
Чтобы ссылкой - <a href="{TEXT}"> -- ссылка -- </a>
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

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

Нужно вот так

Изображение

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

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

Значит вместо {TEXT} сделать <a href="{TEXT}">СКАЧАТЬ</a>, вторую кнопку тоже так же ссылкой оформить.
igorbond писал(а): Да и желательно чтобы все было в стиле как мы это делали для Вордпресс
Надо поискать в лс, если не удалил уже...
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

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

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

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

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

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

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

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

[hig]{URL}[/hig]
  • 0
Изображение

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

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

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;
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

Похожие темы