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

Пятница, 23 Января 2015 г. 09:03 + в цитатник

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

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

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

Всё про картинки. Часть 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="bottom" на valign="top"
а заменив на 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 - Бегущая строка из картинок или текста
Часть 2 - Плееры в дневник
...
Часть 7 - Всё про картинки. Часть 1. Закругляем углы.
Часть 8 - Всё про картинки. Часть 2
Часть 9 - Всё про картинки. Часть 3.
Часть 10 - Всё про картинки. Часть 4. Картинки в ряд и столбик.