Всё про картинки. Часть 3.

Суббота, 11 Мая 2024 г. 20:37 + в цитатник

Цитата сообщения bloginja

Прочитать целиком В свой цитатник или сообщество!

Всё про картинки.
Часть 3

Текст на картинкуHTML код:
<div align="center"><table background="АДРЕС КАРТИНКИ"><tr><td valign="bottom" align="center" width="ширина картинки" height="высота картинки"><font face="шрифт текста" size="размер текста" color="#цвет текста">ТЕКСТ.</font></td></tr></table></div>
Пример:

Смотрите на цветы. Минуты не считайте.
В цветах повтора нет, от них нельзя устать.
Смотрите на цветы. Их как стихи читайте.
Прекрасно над цветком в раздумье постоять.

Чтобы текст располагался внизу,

нужно заменить в коде valign="top" на valign="bottom"
а заменив на valign="middle", текст будет выровнен по середине.
Пробуйте, экспериментируйте. Количество текста зависит от размера картинки.

Вставляем картинки в рамку с прокруткойЕсли хочется показать много картинок и не хочется занимать много места в дневнике, можно показать их компактно, вставив картинки в рамку с прокруткой.

HTML код:
<div style="width: ШИРИНА РАМКИpx; padding: 10px; text-align: center; background: url( 'АДРЕС ВНЕШНЕГО ФОНА');"><div style="background: url('АДРЕС ВНУТРЕННЕГО ФОНА'); overflow: auto; height: ВЫСОТА РАМКИpx;">
Картинка
Картинка
Картинка
Картинка
и т.д.
</div></div>

Пример:

bloginja

Серия сообщений "Памятка для Лиру":

Часть 1 - Как узнать цветовой HTML код
Часть 2 - Бегущая строка из картинок или текста
...
Часть 4 - Всё про картинки. Часть 1. Закругляем углы.
Часть 5 - Всё про картинки. Часть 2
Часть 6 - Всё про картинки. Часть 3.
Часть 7 - Всё про картинки. Часть 4. Картинки в ряд и столбик.
Часть 8 - Фон для поста
...
Часть 17 - Плееры для Лиру
Часть 18 - Развернуть картинку прямо на странице поста
Часть 19 - Вставить чужую рамку себе в пост