Создать ББкод

Поддержка форумов на phpBB 3.2.x
igorbond

Создать ББкод

igorbond 26 янв 2020, 11:24 Сообщение

Приветствую, как бы сделать Ббкод в стиле стиля ca_vintage

вот такой вот

Изображение

Только чтобы была надпись Заказать Сейчас и корзинка. В общем как на картинке

Изображение

Заранее спасибо :drink:

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

Создать ББкод

CabinetAdmin 26 янв 2020, 18:52 Сообщение

Красненькая кнопка, это ведь похоже что просто картинка. Просто взять эту картинку и вставить в ббкод? Нет?

Первую можно так сделать:

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

<a class="vintage-button" href="{URL}">Скачать бесплатно</a>

плюс стили:

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

.vintage-button { border: 2px solid #484238; padding: 10px 20px; border-radius: 7px; text-transform: uppercase; color: #484238; font-weight: 700; line-height: normal; } .vintage-button:hover { text-decoration: none; }

сам ббкод как обзавёте так и будет.
Хочешь поблагодарить? Есть способы - Поддержать проект

igorbond

Создать ББкод

igorbond 26 янв 2020, 19:24 Сообщение

Нет не верно поняли, первая уже готовая, мне нужно сделать как та красная картинка, только в стиле первой, только чтобы там был значок корзины и надпись Заказать сейчас.

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

Создать ББкод

CabinetAdmin 26 янв 2020, 19:37 Сообщение

Так?

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

<a class="vintage-button" href="{URL}"><i class="icon fa-shopping-basket" aria-hidden="true"></i> Заказать сейчас</a>

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

.vintage-button { border: 2px solid #484238; padding: 10px 20px; border-radius: 7px; text-transform: uppercase; color: #484238; font-weight: 700; line-height: normal; } .vintage-button:hover { text-decoration: none; } .vintage-button .icon { padding-right: 5px }
Хочешь поблагодарить? Есть способы - Поддержать проект

igorbond

Создать ББкод

igorbond 26 янв 2020, 19:56 Сообщение

Спасибо

igorbond

Создать ББкод

igorbond 26 янв 2020, 20:04 Сообщение

А как к другому добавить отступ для иконки? Он у меня такой вот

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

<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: 10px 20px;display: inline-block;line-height: normal;cursor: pointer;"><i class="fa fa-download" aria-hidden="true"></i> СКАЧАТЬ БЕСПЛАТНО</strong> </div> <div class="sp_body" style="margin:10px 0;display:none;font-weight: bold;"> <div style="display: inline-block;padding: 5px 15px;background: #d8d2c7;border: 2px solid #9e9685;margin: 5px;"><a href="delay.php?{URL}" target="_blank">СКАЧАТЬ</a></div> <div style="display: inline-block;padding: 5px 15px;background: #d8d2c7;border: 2px solid #9e9685;margin: 5px;"> <a href="http://maps.southklad.ru/forum/donate" target="_blank">Поддержать проект</a> </div> </div> </div> <br>

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

Создать ББкод

CabinetAdmin 26 янв 2020, 20:46 Сообщение

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

<i class="fa fa-download" aria-hidden="true" style="padding-right: 5px;"></i>
Хочешь поблагодарить? Есть способы - Поддержать проект

igorbond

Создать ББкод

igorbond 26 янв 2020, 20:48 Сообщение

То что надо, спасибо!


Похожие темы

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

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

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