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

вот такой вот

Изображение

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

Изображение

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

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

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

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

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

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

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

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

eska 28 окт 2020, 10:46 Сообщение

Не буду плодить много тем
Можно ли сделать 2 ббкода для рекламы гугл и яндекс, что бы они не были доступны определенным группам?
  • 0

romaamor 28 окт 2020, 12:25 Сообщение

Сделать можно. К примеру,
Использование BBCode
[adsense][/adsense]
Замена HTML
код вашего рекламного блока.
Подсказка
adsense
Показывать на странице ответа - ставим галочку.
Группы, которые могут использовать BBCode - выбираете на ваше усмотрение.

Выглядит так -
Изображение

С яндексом так же.
  • 0

eska 28 окт 2020, 20:32 Сообщение

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

romaamor 28 окт 2020, 20:51 Сообщение

Вот как скрыть ббкоды для отдельных групп я не знаю. :scratch:
  • 0

Похожие темы