Инструкция
1
Для оформления цитаты на форумах обычно используются такие теги: < blockquote> цитированный текст </blockquote>. В этом случае процитированный текст будет выделен рамочкой и более светлым фоном. Цвета оформления зависят от настроек форума.
2
Более сложные теги используются для оформления записей в блогах. При использовании таких тегов: <div style="border-right: #000080 1px solid; padding-right: 4px; border-top: #000080 1px solid; padding-left: 3px; font-size: 92%; padding-bottom: 4px; border-left: #000080 1px solid; color: #000080; padding-top: 2px; border-bottom: #000080 1px solid; background-color: #f0f0ff"> Ваша цитата </div> - цвет шрифта и рамки будет синим, фон – голубым. Толщина рамки равна одному пикселю, расстояние от букв до рамки – четыре пикселя.
3
В этом коде изменены цвета оформления. Буквы будут черными, рамка красной, фон розовым: <div style="padding: 2px 4px 4px 3px; border-width: 1px; border-style: solid; border-color: rgb(128, 0, 0); font-size: 92%; color: black; background-color: pink;"> Ваша цитата </div>
Обратите внимание, что изменились значения после слов “color”. При оформлении собственных цитат вы можете изменить их повторно на соответствующие английские названия цветов или их HTML-коды. Перед буквенно-цифровым кодом обязательно ставьте символ «решетка» - #, равнозначный нашему знаку «№».
Аналогично вы можете изменять и количество пикселей, обозначающих расстояние между текстом и рамкой и толщину рамки. Все значения зависят от общего дизайна вашего блога или сайта и от специфики конкретного сообщения.
Обратите внимание, что изменились значения после слов “color”. При оформлении собственных цитат вы можете изменить их повторно на соответствующие английские названия цветов или их HTML-коды. Перед буквенно-цифровым кодом обязательно ставьте символ «решетка» - #, равнозначный нашему знаку «№».
Аналогично вы можете изменять и количество пикселей, обозначающих расстояние между текстом и рамкой и толщину рамки. Все значения зависят от общего дизайна вашего блога или сайта и от специфики конкретного сообщения.
4
Цитата может быть оформлена как текст определенного цвета на фоне картинки. Выбирайте рисунки с небольшим количеством цветов, без ярких переходов. В противном случае, вне зависимости от выбранного цвета текста, читаться он будет с большим трудом и дискомфортом, поскольку не всегда будет контрастировать с фоном: <div style="font-size: 15px; font-weight: bold; font-family: Georgia; color: white; padding: 8px; background-image:url("URL картинки");"> Ваша цитата</div>
Для текста выбирайте цвет более яркий, чем фон. Идеально, если фон состоит из пастельных тонов, а запись – из чистых.
Для текста выбирайте цвет более яркий, чем фон. Идеально, если фон состоит из пастельных тонов, а запись – из чистых.