Картинка из кодов

Понедельник, 24 Января 2011 г. 11:25 + в цитатник

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

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

Код этой картинки:

<table background="//s43.radikal.ru/i101/1009/5f/56bb15a65539.jpg" height="470" width="600" border="1" cellpadding="5" align=center>
<tr>
<th width="590" valign=bottom>
<img src=http://i47.photobucket.com/albums/f165/alexdale1/Biggie%20Dollies/dolliebig3.gif>
</th>
</tr>
</table>

Чтобы сделать такую картинку, сначала выбираем:

Подходящую анимашку	... и фон для неё

Ссылка на анимашку: http://i47.photobucket.com/albums/f165/alexdale1/Biggie%20Dollies/dolliebig3.gif	Ссылка на фон: //s45.radikal.ru/i109/1009/cc/630f6caa91b8.jpg Высота фона - 480 пик, ширина - 600 пик
Ещё анимашки можно посмотреть здесь	Фон - одна из картин художника Томаса Кинкейда

Затем ссылки на фон и на картинку в режиме НТМL добавляем в следующий код:

<table background="ЗДЕСЬ - ССЫЛКА НА ФОН" height="ЗДЕСЬ - ВЫСОТА ФОНА В ПИКСЕЛЯХ" width="ЗДЕСЬ - ШИРИНА ФОНА В ПИКСЕЛЯХ" border="1" cellpadding="5">
<tr>
<th width="ЗДЕСЬ - ШИРИНА ФОНА В ПИКСЕЛЯХ" valign="bottom>
<img src=ЗДЕСЬ - ССЫЛКА НА АНИМАШКУ>
</th>
</tr>
</table>

То есть, фон нашей картинки - это заливка таблицы: table background="...", а анимашка - содержимое её ячейки (в данном случае - единственной).

Разумеется, сюжет картинки может быть более разнообразным, ведь в ячейке таблицы можно разместить не одну анимашку, а в таблице может быть более чем одна ячейка.
Успехов вам!

Да, кстати, о таблицах НТМL я читала здесь, здесь и здесь.

Серия сообщений "урок":
Часть 1 - Интересные и полезные ссылки
Часть 2 - Для изучения немецкого
...
Часть 96 - Урок КАК РАБОТАТЬ НА САЙТЕ ИМИКИМИ оформляем фотки сами....
Часть 97 - Программа Inpaint 3.0
Часть 98 - Картинка из кодов
Часть 99 - Как расположить табличку с картинками по центру страницы?
Часть 100 - Как сделать рамочку для текста самому.

Серия сообщений "Уроки по дневнику":
Часть 1 - Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих!
Часть 2 - ВСЕ ФОРМУЛЫ ПОД РУКОЙ
...
Часть 4 - Делаем Таблицу с Картинками
Часть 5 - КАК ВСТАВИТЬ ТЕКСТОВЫЙ КОД В СООБЩЕНИЕ...
Часть 6 - Картинка из кодов
Часть 7 - Коды цвета для текстов
Часть 8 - Сделай для блога кнопку.
...
Часть 12 - Учимся делать Рамку с уголками.
Часть 13 - Все коды цвета для текстов.
Часть 14 - Прозрачные фоны для дневника