Генератор кода рамки для изображений

Янв 20, 2013 admin Без рубрики

Kapitoshka_70 и Inmira за что им огромное спасибо

Итак делаем рамку.
Заливаем фоны и рисунки в черновик или берем изображения с любого другого сервера. Нам нужны коды рисунков. Их можно посмотреть при редактировании черновика в простом редакторе или, если рисунки беруться с другого места, клацнуть на изображении правой кнопкой и посмотреть свойства изображения.

Коды самих рисунков

<img src="http://img1.liveinternet.ru/images/attach/c/0//46/160/46160251_ch.gif" alt="Разделитель" vspace="10" /> <img src="http://img1.liveinternet.ru/images/attach/c/0//46/164/46164159_vvvvvvvvvodv.gif" vspace="10" alt="" /> <img src="http://img1.liveinternet.ru/images/attach/c/0//46/160/46160251_ch.gif" alt="Разделитель" vspace="10" /> <img src="http://img1.liveinternet.ru/images/attach/c/0//46/159/46159982_1.gif" alt="" vspace="10" /> <img src="http://img1.liveinternet.ru/images/attach/c/0//46/160/46160251_ch.gif" alt="Разделитель" vspace="10" />

Обратите внимание на то что в код картинок добавлен vspace="10" это сделанго для того что бы рисунки не "слипались" а между ними оставался отступ в 10 пикселей

Коды фоновых рисунков

<noindex><a rel="nofollow" href="http://s39.radikal.ru/i084/0904/81/c5fa856cfa98.gif" target="_blank">http://s39.radikal.ru/i084/0904/81/c5fa856cfa98.gif</a></noindex> - рамка <noindex><a rel="nofollow" href="http://s15.radikal.ru/i189/0907/73/6f274c9dd2a1.jpg" target="_blank">http://s15.radikal.ru/i189/0907/73/6f274c9dd2a1.jpg</a></noindex> - фон

Заходим на http://vln.dp.ua/li/liphoto.php и заполняем поля формы.

Жмем на "получить код" и вот он код нашей рамки

Все что осталось это добавить к коду рамки коды изображений. В результате получится код

<center><br /> <table border="0" style="border-collapse: separate; width: 500px; background: url('http://s39.radikal.ru/i084/0904/81/c5fa856cfa98.gif'); padding: 5px;"> <tbody valign="top" align="center"> <tr> <td style="background: url('http://s15.radikal.ru/i189/0907/73/6f274c9dd2a1.jpg');"> <img src="http://img1.liveinternet.ru/images/attach/c/0//46/160/46160251_ch.gif" alt="Разделитель" vspace="10" /> <img src="http://img1.liveinternet.ru/images/attach/c/0//46/164/46164159_vvvvvvvvvodv.gif" vspace="10" alt="" /> <img src="http://img1.liveinternet.ru/images/attach/c/0//46/160/46160251_ch.gif" alt="Разделитель" vspace="10" /> <img src="http://img1.liveinternet.ru/images/attach/c/0//46/159/46159982_1.gif" alt="" vspace="10" /> <img src="http://img1.liveinternet.ru/images/attach/c/0//46/160/46160251_ch.gif" alt="Разделитель" vspace="10" /> </td> </tr> </tbody> </table> <p> </center>

Вот и все :))))
Если у Вас есть посты с картинками и Вы хотите разместить их в рамку то нужно перед кодом первого рисунка добавть код который до подчеркнутой красным строкой, а после последнего рисунка - код который после подчеркнутой строки

Не забываем убирать галочку "сохранять переносы"