😎 Данная тема "вопрос/ответ" создана чисто для правок, плюшек и дополнений для "BT".

Итак поехали.
Начнём с того что имеется идея (но воплотить без Вашей помощи ни как).
Суть вопроса:
Имеем кнопку (к примеру) выделить текст (назовём его блок macho). То-есть при клике выделеный текст оборачивается в мой (css) border.
В данный момент рабочая плюшка.....но
😉Есть моё хочу
Вопрос:
Как мне подложить свою картинку под данный текст? Чтобы получился аналог цитаты.
Собственно.... Имею картинку (к примеру эту)
Я её разрезал на верх/середина/низ
Так
И так
Получается: верх/низ это закрывашки, а середина и есть сам блок (который растягивается на всю высоту выделеного/важного поста).
Как мне правильно написать данную плюшку? Сейчас это выглядит так
.macho {
width: 96%;
border: 8px solid #40c4c8;
padding: 1px;
-moz-border-image: url(https://forumstatic.ru/files/001a/c0/03/99899.gif) 8 round round;
-webkit-border-image: url(https://forumstatic.ru/files/001a/c0/03/99899.gif) 8 round round;
-o-border-image: url(https://forumstatic.ru/files/001a/c0/03/99899.gif) 8 round round;
border-image: url(https://forumstatic.ru/files/001a/c0/03/99899.gif) 8 round round;
background: #FFA07A; /* Цвет фона */
display: inline-block;
text-align: justify;
text-size: 12px;
font-family: Snell Roundhand, cursive;
font-style: oblique;
}
Но хотелось бы именно картинкой
я думаю многим зайдёт такая фича
Отредактировано МАЧОнаДАЧЕ (08.04.22 10:10)
- Подпись автора
...














