Может быть?
Это цитата, можно переделать под просто блок - Цитата в виде листа бумаги в линейку на CSS3
Ребята, а можно создать для нашего форума ВВкод для красивого оформления текста письма. Сейчас постараюсь объяснить. Ученым часто приходится иметь переписку с редакциями журналов и есть некие стандартные шаблоны писем в том или ином случае. Я бы хотела выкладывать такие заготовки-шаблоны на форуме в помощь тем, кто только начинает публиковаться и впервые сталкивается с этими правилами. Хотелось бы оформить это как-то посимпатичнее. Что-то типа на фоне бланка письма или свитка ... трудно объяснить, но хочется чего-то необычного Если это возможно, то буду признательна за помощь и идеи
зы. письма-шаблоны обычно не слишком длинные. Обычно один абзац. Нужно чтобы было место для заголовка письма (как-то иначе выделять от остального текста).
зы. письма-шаблоны обычно не слишком длинные. Обычно один абзац. Нужно чтобы было место для заголовка письма (как-то иначе выделять от остального текста).
Комментарии: 5
В принципе, не плохо. А как сделать ВВкод такой?
зы. А можно такого стиля как у вас постинги (тетрадь в клеточку и левая сторона чуть темнее правой, т.е. есть отступ (поле слева))?
зы. А можно такого стиля как у вас постинги (тетрадь в клеточку и левая сторона чуть темнее правой, т.е. есть отступ (поле слева))?
Форум Science-Леди www.scienceclub.listbb.ru
Примерно так:
замена:
Стили:
Код: Выделить всё
[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 писал(а):зы. А можно такого стиля как у вас постинги
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
CabinetAdmin
спасибо я попробую этот вариант.
спасибо я попробую этот вариант.
Форум Science-Леди www.scienceclub.listbb.ru
Добрый вечер, форумчане! давно не была на форуме ...
CabinetAdmin,
заранее спасибо
CabinetAdmin,
Да. Если можно, то в точности как у вас - блок в клеточку, а слева клеточка серая... ширину можно оставить такую же... я потом сама подредактирую.
заранее спасибо
Форум Science-Леди www.scienceclub.listbb.ru
Похожие темы
-
У меня появилась такая проблема как с выделением текста другим цветом. После того как я выделил текс и выставляю ему другой цвет то код цвета...