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

вот такой вот

Изображение

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

Изображение

Заранее спасибо :drink:
Комментарии: 7

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;
}
сам ббкод как обзавёте так и будет.
  • 0
Хочешь поблагодарить? Есть способы - Поддержать проект

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

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

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
}
  • 1
Хочешь поблагодарить? Есть способы - Поддержать проект

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

Спасибо
  • 0
Изображение

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>
  • 0
Изображение

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

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

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

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

То что надо, спасибо!
  • 0
Изображение

Похожие темы