• Авторизация
Дневник bloginja Лента друзей - Дневник - Полная версия


Всё про картинки. Часть 3. 19-01-2015 12:39 к комментариям - к полной версии - понравилось!











Всё про картинки.
Часть 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>


Пример:

собачка1 (376x331, 681Kb)
собачка2 (346x337, 1019Kb)
собачка3 (336x326, 599Kb)



bloginja


Счетчик посещений Counter.CO.KZ - бесплатный счетчик на любой вкус!

вверх^ к полной версии понравилось! в evernote
Комментарии (18):
E-Ledi 19-01-2015-16:08 удалить
Спасибо огромное, Юленька!!!
Обратиться - Ответить - К полной версии
Lyudmila_Lyu 19-01-2015-20:31 удалить
Спасибо большое! С Крещением!
Обратиться - Ответить - К полной версии
bloginja 20-01-2015-11:09 удалить
Ответ на комментарий Lyudmila_Lyu # C Крещением!!!!!
Обратиться - Ответить - К полной версии
vdomarvik 09-02-2015-12:58 удалить
Как классно!!!Спасибо, Юленька!
Обратиться - Ответить - К полной версии
Нелли_Хадкевич 06-11-2015-21:50 удалить
Юленька, ваши посты нужны особенно для подписчиков с малым стажем ведения дневников. Мой вопрос: ваш пост "памятка для ЛИРУ". А просто для дневника, это тоже подходит? Я еще не знаю, в чем различие, между дневником и ЛИРУ. А что на ЛИРУ, тоже надо регистрироваться? Возможно есть уроки, чтобы понять, вчем - сыр бор. С уважением Нелли.
[400x367]

(Добавил ссылку к себе в дневник)

Обратиться - Ответить - К полной версии
bloginja 07-11-2015-13:26 удалить
Ответ на комментарий Нелли_Хадкевич # Добрый день, Нелли. ЛИРУ - это мы сокращённо так называем этот север Liveinternet.ru, где мы все уже зарегистрированы и ведём дневники (в том числе и вы).
Обратиться - Ответить - К полной версии
Nadezhda55 01-12-2015-00:26 удалить
Спасибо,Солнышко!
Обратиться - Ответить - К полной версии
Nina_Gracia 08-11-2016-00:41 удалить
Солнышко, просмотрела ваши уроки про уроки с картинками, но но нужного не нашла.
Может и просмотрела, не заметив.
Меня интересует вопрос, как можно вставить картинку, чтобы она при клике, увеличивалась, над ней.
Видела в некоторых постах, может вы мне поможете в этом вопросе.
Сделала скрин, если это выглядит понятно.
[550x433]
Обратиться - Ответить - К полной версии
ЛОИНА 01-04-2017-15:16 удалить
Спасибо за информацию.....
Обратиться - Ответить - К полной версии
vernisazh 08-08-2017-23:04 удалить
Спасибо большое!
Обратиться - Ответить - К полной версии
Люмила-Зимушка 14-12-2017-18:32 удалить
понравились уроки...спасибо огромное...всех благ,
здоровья, удачи...
Обратиться - Ответить - К полной версии
Люба47 08-10-2018-16:39 удалить
Благодарю Вас за труд!
Обратиться - Ответить - К полной версии


Комментарии (18): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Всё про картинки. Часть 3. | bloginja - Дневник Блогини | Лента друзей bloginja / Полная версия Добавить в друзья Страницы: раньше»