Рамки, украшенные картинкой
13-05-2024 17:26
к комментариям - к полной версии
- понравилось!
Это цитата сообщения Юлия_Гурбер Оригинальное сообщение
Ваша картинка будет располагаться слева от текста. При заполнении рамки текстом последний будет обтекать картинку. Если картинка большого размера, то и запись должна быть объёмной, иначе часть изображения выпадет за границы рамки, поскольку за разворот рамки отвечает именно текст.
Ваша подпись
Ваш текст будет располагаться слева направо. При заполнении им рамки текст будет обтекать картинку. Если картинка большого размера, то и запись должна быть объёмной, иначе часть изображения выпадет за границы рамки, поскольку за разворот рамки отвечает именно текст.
Ваша подпись
Рассмотрим, что можно менять внутри рамки.
Итак, ищем строку "img src="ВАША КАРТИНКА" style="float: right; margin: 0px 0px 15px 15px" и аккуратно вставляем адрес изображения.
Атрибут margin: 0px 0px 15px 15px в этой строке — это 4 отступа вокруг изображения в пикселях:
Первая цифра — верхний отступ,
Вторая цифра — правый отступ,
Третья цифра — нижний отступ,
Четвёртая цифра — левый отступ.
За ним в следующей строке видим настройку самого текста:
font-family: Georgia; — это стиль шрифта,
color:#000000; — цвет шрифта,
font-size: 18px; — размер шрифта.
Теперь рассмотрим рамку. Нас интересует самая верхняя строка. Всё по-порядку:
background-color: #F4FC03; — это цвет внутри рамки,
border: 3px #00B344 ridge; — это ширина (3px) бордюра и его цвет (#00B344),
width: 650px; — это ширина нашей рамки, и, наконец,
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
Это четыре внутренних отступа от края рамки (бордюра) до текста.
Подготовила для вас Юлия Гурбер
Это цитата сообщения Юлия_Гурбер Оригинальное сообщение
Ваша картинка будет располагаться слева от текста. При заполнении рамки текстом последний будет обтекать картинку. Если картинка большого размера, то и запись должна быть объёмной, иначе часть изображения выпадет за границы рамки, поскольку за разворот рамки отвечает именно текст. Ваш текст будет располагаться слева направо. При заполнении им рамки текст будет обтекать картинку. Если картинка большого размера, то и запись должна быть объёмной, иначе часть изображения выпадет за границы рамки, поскольку за разворот рамки отвечает именно текст.Рассмотрим, что можно менять внутри рамки.
Итак, ищем строку "img src="ВАША КАРТИНКА" style="float: right; margin: 0px 0px 15px 15px" и аккуратно вставляем адрес изображения.
Атрибут margin: 0px 0px 15px 15px в этой строке — это 4 отступа вокруг изображения в пикселях:
Первая цифра — верхний отступ,
Вторая цифра — правый отступ,
Третья цифра — нижний отступ,
Четвёртая цифра — левый отступ.
За ним в следующей строке видим настройку самого текста:
font-family: Georgia; — это стиль шрифта,
color:#000000; — цвет шрифта,
font-size: 18px; — размер шрифта.
Теперь рассмотрим рамку. Нас интересует самая верхняя строка. Всё по-порядку:
background-color: #F4FC03; — это цвет внутри рамки,
border: 3px #00B344 ridge; — это ширина (3px) бордюра и его цвет (#00B344),
width: 650px; — это ширина нашей рамки, и, наконец,
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
Это четыре внутренних отступа от края рамки (бордюра) до текста.
Подготовила для вас Юлия Гурбер
Вы сейчас не можете прокомментировать это сообщение.
Дневник Рамки, украшенные картинкой | Akimyan - Дневник Аллы Акимовой |
Лента друзей Akimyan
/ Полная версия
Добавить в друзья
Страницы:
раньше»