ВВкод для красивого оформления текста письма

BBCode — это специальный вариант HTML
С помощью BBcode - вы сможете отформатировать текст в сообщении, вставить видео, картинки и многое другое.
Аватара пользователя
Uzanka

ВВкод для красивого оформления текста письма

Uzanka 02 июн 2014, 15:17 Сообщение

Ребята, а можно создать для нашего форума ВВкод для красивого оформления текста письма. Сейчас постараюсь объяснить. Ученым часто приходится иметь переписку с редакциями журналов и есть некие стандартные шаблоны писем в том или ином случае. Я бы хотела выкладывать такие заготовки-шаблоны на форуме в помощь тем, кто только начинает публиковаться и впервые сталкивается с этими правилами. Хотелось бы оформить это как-то посимпатичнее. Что-то типа на фоне бланка письма или свитка ... трудно объяснить, но хочется чего-то необычного :D Если это возможно, то буду признательна за помощь и идеи :Rose:

зы. письма-шаблоны обычно не слишком длинные. Обычно один абзац. Нужно чтобы было место для заголовка письма (как-то иначе выделять от остального текста).
Форум Science-Леди www.scienceclub.listbb.ru

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

Re: ВВкод для красивого оформления текста письма

CabinetAdmin 02 июн 2014, 17:09 Сообщение

Может быть?
Изображение

Это цитата, можно переделать под просто блок - Цитата в виде листа бумаги в линейку на CSS3
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

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

Re: ВВкод для красивого оформления текста письма

Uzanka 02 июн 2014, 18:05 Сообщение

В принципе, не плохо. А как сделать ВВкод такой?

зы. А можно такого стиля как у вас постинги (тетрадь в клеточку и левая сторона чуть темнее правой, т.е. есть отступ (поле слева))?
Форум Science-Леди www.scienceclub.listbb.ru

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

Re: ВВкод для красивого оформления текста письма

CabinetAdmin 02 июн 2014, 19:34 Сообщение

Примерно так:

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

[shablon]{TEXT}[/shablon]

замена:

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

<div class="shablon">{TEXT}</div>


Стили:

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

.shablon {
margin: 5px auto;
position: relative;
padding: 23px 10px 10px 45px;
line-height: 23px;
color: #6A5F49;
text-shadow: 0 1px 1px white;
font: 0.95em/23px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;

border: 1px solid #C3BAAA;
border-color: rgba(195, 186, 170, 0.9);

background-color: #F2F6C1;
background-image: -webkit-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 99%), -webkit-repeating-linear-gradient(top, transparent 0%, transparent 22px, rgba(239, 207, 173, 0.7) 22px, rgba(239, 207, 173, 0.7) 23px);
background-image: -moz-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -moz-repeating-linear-gradient(top, transparent 0%, transparent 22px, rgba(239, 207, 173, 0.7) 22px, rgba(239, 207, 173, 0.7) 23px);
background-image: -o-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -o-repeating-linear-gradient(top, transparent 0%, transparent 22px, rgba(239, 207, 173, 0.7) 22px, rgba(239, 207, 173, 0.7) 23px);
filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr=#FFF2F6C1, EndColorStr=#32E8EBCB, GradientType=0);

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #D8E071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #D8E071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
-moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #D8E071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
}

.shablon:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 28px;
width: 2px;
border: solid #efcfad;
/* IE 8 */
border-color: rgba(239, 207, 173, 0.9);
border-width: 0 1px;
}


Uzanka » Сегодня, 21:05 писал(а):зы. А можно такого стиля как у вас постинги

Не совсем понял, блок в клеточку, а слева просто пустое место, серое? Такой же шириной или поуже?
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

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

Re: ВВкод для красивого оформления текста письма

Uzanka 04 июн 2014, 16:50 Сообщение

CabinetAdmin
спасибо :Rose: я попробую этот вариант.
Форум Science-Леди www.scienceclub.listbb.ru

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

ВВкод для красивого оформления текста письма

Uzanka 06 ноя 2015, 17:23 Сообщение

Добрый вечер, форумчане! давно не была на форуме ...

CabinetAdmin,
CabinetAdmin писал(а):Источник цитаты Не совсем понял, блок в клеточку, а слева просто пустое место, серое? Такой же шириной или поуже?

Да. Если можно, то в точности как у вас - блок в клеточку, а слева клеточка серая... ширину можно оставить такую же... я потом сама подредактирую.

заранее спасибо :Rose:
Форум Science-Леди www.scienceclub.listbb.ru



Похожие темы

Вернуться в «Пользовательские BBCode для phpBB»

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

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