ОТ ПРОСТОГО К БОЛЕЕ СЛОЖНОМУ |
Приблизительно год назад я восстановила пост блогера bloginja, в котором она достаточно подробно и понятно изложила, как сделать рамочку с закругленными углами. Желающие могут заглянуть в этот пост (https://www.liveinternet.ru/users/tomishka/post497862983/), я же взяла из поста нужный код, заменив радиус и ширину рамочки. Вот что я имею в итоге от взятого кода:
Для того, чтобы рамочка располагалась по центру, добавим тег <center> в начале, а закрывающий тег </center> в конце нашего кода. Аналогично поступим с содержимым рамки, поставив в начале и в конце указанные теги. Вот что мы получим в итоге: Текст "СОДЕРЖИМОЕ РАМКИ" мы практически не видим. Чтобы отформатировать текст, нужно слова СОДЕРЖИМОЕ РАМКИ заключить в теги <font> и </font>, причем атрибуты для тега <font> надо подобрать так, чтобы текст легко читался. Например, вот так: <font size="4" color="f9d874" face="Courier New">СОДЕРЖИМОЕ РАМКИ</font>В качестве содержимого рамки будем рассматривать обычный текст. Теперь рамка с выбранными атрибутами будет иметь следующий вид: Теперь заглянем в недавний пост от Ольги (schamada) https://www.liveinternet.ru/users/schamada/post502441039/ и попытаемся как-то облагородить нашу рамку. Я взяла сверху и снизу по три полоски разной длины, и вот что у меня получилось:
Интересно, что расстояние между полосками вверху и внизу, на мой взгляд, разное, хотя отличий никаких нет. Почему? Я нашла подходящую картинку и сделала еще одну рамку, но уже с картинкой.
|
Рубрики: | Рамочки. Урок |
« Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |