оформление цитат.

[Bernadett-e]

Если вас не устраивает курсив по умолчанию, то здесь открывается простор для фантазий. Выделять цитаты вы можете чем угодно: рамками, цветом фона, цветом текста, шрифтами и текстовыми спецэффектами.

Способ № 1 через HTML.
Работает для бесплатных дневников и для френдленты.

Для этого достаточно запрограммировать кнопку в HTML редакторе и коде цитаты

<span class='quote_text'>цитата.</span>

вместо class="quote_text" вставлять style="..." с нужным вам наполнением.

Например, вот так:

цитата

<span style="font: italic 14px Verdana; display: block; margin: 0px; padding: 7px; border-top: 0px solid #333333; border-left: 5px solid #ff9900">цитата</span>

другие варианты с рамками

левая и правая границы + шрифт
цитата

<span style="font: italic 14px Verdana; display: block; margin: 0px; padding: 7px; border-top: 0px solid #333333; border-left: 5px solid #ff9900; border-right: 5px solid #ff9900 ">цитата</span>

---

верхняя и нижняя границы + шрифт
цитата

<span style="font: italic 14px Verdana; display: block; margin: 0px; padding: 7px; border-top: 3px solid #ff9900;  border-bottom: 1px solid #ff9900;">цитата</span>

---

верхняя граница + шрифт
цитата

<span style="font: italic 14px Verdana; display: block; margin: 0px; padding: 7px; border-top: 3px solid #ff9900; ">цитата</span>

---

верхняя и левая границы + шрифт
цитата

<span style="font: italic 14px Verdana; display: block; margin: 0px; padding: 7px; border-top: 3px solid #ff9900; border-left: 5px solid #ff9900">цитата</span>

---

полная рамка + шрифт, левая граница массивнее
цитата

<span style="font: italic 14px Verdana; display: block; margin: 0px; padding: 7px; border-top: 1px solid #ff9900; border-right: 1px solid #ff9900; border-bottom: 1px solid #ff9900; border-left: 5px solid #ff9900">цитата</span>

с фоном

цвет фона
цитата

<span style="font: italic 14px Verdana; display: block; margin: 0px; padding: 7px; background-color: #ff9900">цитата</span>

Картинка.
Её не обязательно ставить на заполнене всей записи, будет мешать тексту. Но если сам текст сдвинуть в сторону на ширину этой картинки, а её саму размножать только вдоль нужной оси, то будут интересные эффекты.

По оси Y

Текст
Текст
Текст

<span style="text-align:left; padding: 10px 10px 10px 55px; background: url('/userdir/5/8/5/2/585232/57909296.jpg') repeat-y; border: 1px solid #1894b5; font: italic 14px Verdana; display: block; margin: 0px; ">Текст
Текст
Текст
</span>

---

По оси Y
Текст

<span style="text-align:left; padding: 55px 10px 10px 10px; background: url('/userdir/5/8/5/2/585232/68496440.jpg') repeat-x; border: 1px solid #1894b5; font: italic 14px Verdana; display: block; margin: 0px; ">Текст</span>

---

---

---

---

Способ № 2 через CSS.
Работает _только_ для платных дневников при включенном сервисе CSS. Применяется только внутри собственного дневника. Распространяется так же на перепосты, если их не оформлять иначе: через способ № 1 или прописать для них свой собственный класс и подставлять его в код при перепосте).
Для комментов в других дневниках НЕ годится.

Вам нужно в CSS для класса quote_text прописать нужное вам оформление. Для этого в редакторе CSS пишете
.quote_text {... } где вместо многоточия вставляете то, что в предыдущих примерах было в style="..." тега SPAN.

@темы: Записи, Комментарии

Comments

[Найотри]

Спасибо большое!

[~Itachi~]

Спасибо, очень благодарна))

[a-s-k-a]

А что, в бесплатных дневниках можно создавать себе кнопки, какие хочешь?

[quirischa]

a-s-k-a
можно, но не более 3 штук

[ловец]

Беатрикс
спасибо Вам, возьму на вооружение!

[Bernadett-e]

Пожалуйста)

quirischa кнопки - самая вкусная приманка для перехода на платные, я без них уже плохо представляю дайри-жисть)

[quirischa]

Беатрикс
а 40 любимых смайлов и шапка-невидимка?

[серебристый лис]

круто!
автор, спасибо )

[a-s-k-a]

можно, но не более 3 штук

Круто! Дайри, вы - лучшие!

[Bernadett-e]

quirischa да, про шапку забыла) А смайлов я исползую меньше десятка, не моя "конфетка", как и авки. Вот кно-о-о-опки...

серебристый лис пожалуйста.

[Je suis ici]

Скажите, пожалуйста, а есть ли такая опция, чтобы подзамочные записи читать?

[quirischa]

asilio
нет, конечно. зачем же их тогда закрывают-то?

[Je suis ici]

quirischa
А на одном сайте соц сети, не буду говорить на каком, был опрос, нужно ли платно давать доступ к закрытым профилям. Так нельзя, а платно - ради бога. Просто если на дневах такая вещь есть, то я не знаю о ней. Вот и спросила.

[quirischa]

asilio

А на одном сайте соц сети, не буду говорить на каком, был опрос, нужно ли платно давать доступ к закрытым профилям. Так нельзя, а платно - ради бога.

Безопасность пользователей у нас не продаётся.

[юту]

скажите пожалуйста, цитаты нужно будет вручную копировать и вставлять в код?

[Джекил и Хайд]

Спасибо! Понравилось.

[Bernadett-e]

цитаты нужно будет вручную копировать и вставлять в код?

юту смотря как настроите [maRk] и [cuRs]. Если у вас будет кнопка вида

<span style="font: italic 14px Verdana; display: block; margin: 0px; padding: 7px; background-color: #ff9900">[maRk]</span>[cuRs]

то выделенный текст вставится там, где [maRk], а курсор окажется где [cuRs]

[юту]

Беатрикс, до меня все равно не доходит))) выделить текст-нажать настроенную кнопку - и текст сам вставится в код?

[ave_2006]

юту, нет, нажимаете кнопку и вместо, к примеру, [maRk], вставляете свой цитируемый текст

[Girl from the tank]

Пришла сказать большое спасибо!