Сегодня будем учиться создавать простую рамочку с изображением внутри. Берем как пример одну из пасхальных рамочек: 

ВАШ Т Е К С Т Sheree

Вот скрин кода этой рамочки:

Зеленым подчеркнут код картинки для внешней рамочки (в нашем случае это сине-бежево-фиолетовое точечное)

Синим подчеркнут код картинки, которая находится внутри рамочки (в нашем случае это нежно-лиловый шелковый фон)

Красным подчеркнут код картинки с зайцем, его положение в рамочке (справа или слева), его размеры (width - ширина, height - высота), которые надо менять и в скобочках тоже.

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

А вот и код этой же рамочки, который вы можете себе скопировать и использовать как шаблон:

<center><table border="2" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//s61.radikal.ru/i174/0904/05/540011857c4f.jpg"" target="_blank">//s61.radikal.ru/i174/0904/05/540011857c4f.jpg"</a> cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//i046.radikal.ru/0904/ee/b4bc2e948a5a.jpg"" target="_blank">//i046.radikal.ru/0904/ee/b4bc2e948a5a.jpg"</a> cellpadding="5" cellspacing="0" width="100%"><tr><td><img src="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//s52.radikal.ru/i138/0904/6f/6521fd38377d.png"" target="_blank">//s52.radikal.ru/i138/0904/6f/6521fd38377d.png"</a> align="right" width="343" height="392" alt=" (343x392, 12Kb)" /><br />ВАШ<br /><br />Т Е К С Т<br /></td></tr></table><font size="-2"><a href="http://www.liveinternet.ru/users/sheree/">Sheree</a></font></td></tr></table></center>

1 Шаг - Для создания своей рамочки необходимо подобрать фоны и картинку для рамочки (она не должна быть очень большой - таких параметров как у меня вполне достаточно)

2 Шаг - Необходимо загрузить поочередно выбранную графику на какой-нибудь хостинг картинок (я обычно использую Радикал)

3 Шаг - необходимо скопировать поочередно ПЕРВУЮ ссылку и заменить ее в моем примере

Собственно и все!

Удачи Вам и творческих успехов. если будут вопросы - задавайте )
-------------------------------- 
Оdessa apartments - аренда комфортабельных квартир в Одессе без посредников

Делюсь своими ссылками.

http://www.3d-pack.com - генератор трехмерных коробок с зеркальным отражением.

http://www.oreillymaker.com - генератор обложки книг. Результат выглядит очень реалистично, поддерживается кириллица.

http://www.pichacks.com - классный онлайн генератор забавных изображений.

http://free.text2logo.com - генератор забавных логотипов. Русский язык не поддерживает.

http://www.hairmixer.com - этот генератор позволяет "примерить" разные прически. Также результат вставляется в обложку журнала.

http://juvederm.ca/en/Revitalizer.aspx - позволяет редактировать свою фотографию

http://www.wallpapermaker.net - этот генератор позволяет создать свою заставку на рабочий стол (wallpaper).

http://www.your-frames.ru - генератор интересных фоторамок, фото на обложке журнала.

http://www.upframr.com - генератор красивых рамок для фотографий.

http://flash-gear.com/stereo - классный генератор, позволяющий создавать трехмерные стереограммы. Сильно сложный рисунок не рисуйте.

http://www.imagechef.com - генератор анимированных и забавных надписей.

http://www.text-image.com - генератор текстовых изображений.

http://www.cryptogram.com - генератор надписей на сердечках, только на английском.

http://www.magixl.com - генератор забавных карикатур.

http://www.says-it.com - генератор надписей на аудиокассетах, только на английском.

http://www.onlinewahn.de - сделайте монету из своего фото или предлагаемой картинки.

http://bighugelabs.com - генератор коллажей.

http://www.wittycomics.com - классный генератор комиксов, с поддержкой кириллицы.

http://www.flashbannernow.com - генератор флеш-баннеров, только английский.

Три генератора документов, газет и денег
Wanted Poster Generator
Romance Novel Cover Generator
Neon Sign Generator
Генератор текста в ASCII
Ваша звезда на Голливудском бульваре
Генератор подписи в gmail.com
Генераторы граффити и вывесок
Logo Design, Button Design, большой выбор шрифтов
80x15 Brilliant Button Maker
www.loonapix.com^new - загружаем фотографию, выбираем эффект и получаем забавную картинку. При желании можно и обрамить.
www.ru.photofunia.com^new - аналогичный русскоязычный сайт. К сожалению, не все эффекты доступны. Запаситесь терпением, пока ваша картинка будет обрабатываться...
www.dumpr.net/museumr.php^new - создаем из фото музейный экспонат.
www.signgeneratormaker.com^new
www.customsigngenerator.com/^new
www.fototrix.com^new - Большие коллекции генераторов изображений. Забудьте о времени, радуйтесь сами и радуйте друзей!
Онлайн Фото Редактор - обработка фото.

Генераторы текстов

Нонсенский генератор стихотворной продукции
Генератор объяснительных записок
Генератор объяснительных записок №2
Генератор любовных посланий

Генераторы смайликов

Генератор смайликов (с собственным текстом). Не поддерживает кириллицу, вредничает с правой клавишей в IE, но справиться можно.
А этот поддерживает.
www.smiles.33b.ru^new - простой и наглядный генератор . Можно выбрать форму, цвет, "глаза" и "рот".
Генератор табличек^new - генератор смайликов с табличками.
Чтобы жизнь медом не казалась - на закуску Генератор надгробий

Разное

Генератор лиц. Смешно.
Генератор уродцев.
Настоящий фоторобот!
Генератор ошибок Windows, можно сделать не только ошибку))

В последнее время многие стали спрашивать где взять рамочки для фото.  Для тех кто хоть чуть чуть умеет обращаться с Photoshop, а так же для тех кто совсем не умеет,я и решила создать эту темку. Для начала- для тех кто совсем не умеет работать в ФШ, несколько примеров мною созданных рамок для фото и способ вставить в них фотографию вашего чада

А теперь для тех кто совсем не умеет работать в ФШ - о том как вставить в рамочку фото.
Шаг первый.
Открываем Фотошоп. Через панель инструментов "файл"-"открыть" Загружаем картинку с рамочкой. В панели "слои" создаем дублирующий слой, (это очень легко делается перетаскиванием слоя на иконку)

_БлЕсТящИе_КаРтИнОЧкИ_

КаРтИнКи_ДлЯ_БлОжИкА

_ПоЛеЗнЫй_СуНдУчОк_

_ПрО_ЛюБОвЬ_

Учимся делать рамочки
ФОРМУЛА
<center><table border="2" background="АДРЕС ФОНА" cellpadding="13" cellspacing="0" width="900"><tr><td><table border="2" background="АДРЕС ФОНА" cellpadding="5" cellspacing="20" width="100%"><tr><td><img src=''адрес картинки''><font size="5"><font color="000000">Ваш текст</font></font></font></td></tr></table></td></tr></table></center>



а теперь разберём каждый тег в отдельности,
чтобы вы могли понять какой тег для чего....

<center>-этим тегом мы выравниваем рамочку по цент

<table ру border="2"-число 2 это толщина обводки рамочки

background="АДРЕС ФОНА"-на место адрес фона вписываем ссылку на фон

<tr>-этот тег поддерживает высоту рамки

<td>-этот тег поддерживает ширину рамки


cellpadding="13" cellspacing="0"-этот тег задает на сколько будет вид ен наш слой

width=''900''- размер рамочки , то есть ее ширина  

Ну вот и все, удачи!

Полезности для Ваших блогов:

1) Дарите друг другу цветы

2) Нежные весенние рамочки

3) Весенние эпиграфы

4) Весеннее оформление постов

5) Разделители для Постов. Часть 2

6) Разделители для Постов. Часть 1

7) Сердечки - анимашки

8) Рамочки "Дети - цветы жизни"

9) Красивое оформление постов

10) Приветствуем новых ПЧелок

11) Фоны для оформления постов

12) Рамочки "Утро, день, ночь"

Для размещения в своем блоге или в комментариях к другим блогам просто скопируйте код из рамочки под любым медвежонком.

При цитировании убирайте галочку из строчки "Автоматически переводить URL в ссылку"

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/sheree/" target="_blank"> <img border="0" src="//s43.radikal.ru/i101/0903/95/368c600ce58f.gif" width="335" height="71" alt=" (335x71, 4Kb)" /></a>

 

 

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/sheree/" target="_blank"><img border="0" src="//s51.radikal.ru/i134/0903/5a/277e72874255.gif" width="450" height="100" alt=" (450x100, 15Kb)" /></a>

 

 

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/sheree/" target="_blank"><img border="0" src="//s44.radikal.ru/i106/0903/87/6294df463179.gif" width="385" height="160" alt=" (385x160, 15Kb)" /></a>

 

Вот нарыла ссылочек. Мне понрава. Надеюсь вам тоже понрава))))

http://blingee.com/blingee/upload_base?i=- отредактируй свою фотку

 http://reddodo.com/ -создай себе аватарку

http://gifr.ru/glitter/- создай свой блестящий текст

http://gifr.ru/ - создай анимашку

http://www.pikipimp.com/ - ещё один сайт для редакции фоток

http://flowers.facereplays.com/ - создай свой цветок

http://a.muglets.com/ - ещё радактор фоток

http://www.festisite.com/money/ - создай себя на долларе

http://hero-in.com/pasport/ - сделай себе паспорт

http://hero-in.com/oblojka/ -сделай себе журнал

http://www.glitterfy.com/upload.php - блеск на картинку

http://www.glitterfy.com/glitter-words.php -блестящий текст

http://text.glitterfy.com/ -флеш текст