Мобильный LiveInternet Рамка в рамочке | вериша

LiveInternet мобильная версия

Авторизация

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

Рамка в рамочке 27-05-2013 01:58 к комментариям - к полной версии - понравилось!

Это цитата сообщения Н_НИНА Оригинальное сообщение

[показать]

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

[показать]

Приветик!

[137x]

Формула этой рамочки такая же как и любой другой, только картинка поставлена не после последнего фона, а между фонами. Вот смотрите, возьму одну формулу из моих заготовок для рамочки (кстати, можете её себе скопировать и делать рамки, меняя значения).&lt;div align=&quot;center&quot;>&lt;table border=&quot;0&quot; background=&quot;КОНТУР&quot; cellpadding=&quot;3&quot; cellspacing=&quot;1&quot;>&lt;tr>&lt;td>&lt;table border=&quot;0&quot; background=&quot;УЗКАЯ ВСТАВКА лицевой фон&quot; cellpadding=&quot;5&quot; cellspacing=&quot;0&quot;>&lt;tr>&lt;td>&lt;table border=&quot;0&quot; background=&quot;КОНТУР&quot; cellpadding=&quot;3&quot;cellspacing=&quot;1&quot;>&lt;tr>&lt;td>&lt;table border=&quot;0&quot; background=&quot;ШИРОКАЯ ВСТАВКА&quot; cellpadding=&quot;30&quot; cellspacing=&quot;0&quot;>&lt;tr>&lt;td>&lt;table border=&quot;0&quot; background=&quot;КОНТУР&quot; cellpadding=&quot;3&quot; cellspacing=&quot;1&quot;>&lt;tr>&lt;td>&lt;table border=&quot;0&quot; background=&quot;УЗКАЯ ВСТАВКА лицевой фон&quot; cellpadding=&quot;5&quot; cellspacing=&quot;0&quot;>&lt;tr>&lt;td>&lt;table border=&quot;0&quot; background=&quot;КОНТУР&quot; cellpadding=&quot;3&quot; cellspacing=&quot;1&quot;>&lt;tr>&lt;td>&lt;table border=&quot;0&quot; background=&quot;ЛИЦЕВОЙ ФОН&quot; cellpadding=&quot;4&quot; cellspacing=&quot;0&quot;>&lt;tr>&lt;td>&lt;center>&lt;img src=&quot;КАРТИНКА&quot; _fcksavedurl=&quot;КАРТИНКА&quot; width=&quot;ширина картинки&quot; height=&quot;высота картинки&quot; border=&quot;0&quot;>&lt;br>&lt;font size=&quot;5&quot; face=&quot;Monotype Corsiva&quot; color=&quot;fffbcc&quot;>&lt;b>ТЕКСТ &lt;img src=&quot;РАЗДЕЛИТЕЛЬ&quot; _fcksavedurl=&quot;РАЗДЕЛИТЕЛЬ&quot;>&lt;/b>&lt;/font>&lt;/center>&lt;/td>&lt;/tr>&lt;/table>&lt;/td>&lt;/tr>&lt;/table>&lt;/td>&lt;/tr>&lt;/table>&lt;/td>&lt;/tr>&lt;/table>&lt;/td>&lt;/tr>&lt;/table>&lt;/td>&lt;/tr>&lt;/table>&lt;/td>&lt;/tr>&lt;/table>&lt;/td>&lt;/tr>&lt;/table>&lt;/div> Подставим все адреса фонов, а фонов мне нужно здесь всего три. Я возьму такие 1.

[показать] 2.

[показать] 3.

[показать] 1-ый я поставлю вместо слова КОНТУР http://s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg 2-ой - это будет ЛИЦЕВОЙ ФОН http://i072.radikal.ru/1001/91/b7cdd5033e20.jpg 3-й - это ШИРОКАЯ ВСТАВКА http://s16.radikal.ru/i191/1001/45/d52d35ac9103.jpg и, конечно же, картинку ставим http://s004.radikal.ru/i208/1001/06/b7fad949db37.gif и разделитель http://i082.radikal.ru/1001/a5/9b8d850325e9.gif&lt;div align=&quot;center&quot;>&lt;table border=&quot;0&quot; background=&quot;<a href="http://s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg&quot;" target="_blank">http://s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg&quot;</a> cellpadding=&quot;3&quot; cellspacing=&quot;1&quot;>&lt;tr>&lt;td>&lt;table border=&quot;0&quot; background=&quot;<a href="http://i072.radikal.ru/1001/91/b7cdd5033e20.jpg&quot;" target="_blank">http://i072.radikal.ru/1001/91/b7cdd5033e20.jpg&quot;</a> cellpadding=&quot;5&quot; cellspacing=&quot;0&quot;>&lt;tr>&lt;td>&lt;table border=&quot;0&quot; background=&quot;<a href="http://s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg&quot;" target="_blank">http://s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg&quot;</a> cellpadding=&quot;3&quot;cellspacing=&quot;1&quot;>&lt;tr>&lt;td>&lt;table border=&quot;0&quot; background=&quot;<a href="http://s16.radikal.ru/i191/1001/45/d52d35ac9103.jpg&quot;" target="_blank">http://s16.radikal.ru/i191/1001/45/d52d35ac9103.jpg&quot;</a> cellpadding=&quot;30&quot; cellspacing=&quot;0&quot;>&lt;tr>&lt;td>&lt;table border=&quot;0&quot; background=&quot;<a href="http://s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg&quot;" target="_blank">http://s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg&quot;</a> cellpadding=&quot;3&quot; cellspacing=&quot;1&quot;>&lt;tr>&lt;td>&lt;table border=&quot;0&quot; background=&quot;<a href="http://i072.radikal.ru/1001/91/b7cdd5033e20.jpg&quot;" target="_blank">http://i072.radikal.ru/1001/91/b7cdd5033e20.jpg&quot;</a> cellpadding=&quot;5&quot; cellspacing=&quot;0&quot;>&lt;tr>&lt;td>&lt;table border=&quot;0&quot; background=&quot;<a href="http://s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg&quot;" target="_blank">http://s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg&quot;</a> cellpadding=&quot;3&quot; cellspacing=&quot;1&quot;>&lt;tr>&lt;td>&lt;table border=&quot;0&quot; background=&quot;<a href="http://i072.radikal.ru/1001/91/b7cdd5033e20.jpg&quot;" target="_blank">http://i072.radikal.ru/1001/91/b7cdd5033e20.jpg&quot;</a> cellpadding=&quot;4&quot; cellspacing=&quot;0&quot;>&lt;tr>&lt;td>&lt;center>&lt;img src=&quot;<a href="http://s004.radikal.ru/i208/1001/06/b7fad949db37.gif&quot;" target="_blank">http://s004.radikal.ru/i208/1001/06/b7fad949db37.gif&quot;</a> _fcksavedurl=&quot;<a href="http://s004.radikal.ru/i208/1001/06/b7fad949db37.gif&quot;" target="_blank">http://s004.radikal.ru/i208/1001/06/b7fad949db37.gif&quot;</a> width=&quot;189&quot; height=&quot;125&quot; border=&quot;0&quot;>&lt;br>&lt;font size=&quot;5&quot; face=&quot;Monotype Corsiva&quot; color=&quot;fffbcc&quot;>&lt;b>ТЕКСТ &lt;img src=&quot;<a href="http://i082.radikal.ru/1001/a5/9b8d850325e9.gif&quot;" target="_blank">http://i082.radikal.ru/1001/a5/9b8d850325e9.gif&quot;</a> _fcksavedurl=&quot;<a href="http://i082.radikal.ru/1001/a5/9b8d850325e9.gif&quot;" target="_blank">http://i082.radikal.ru/1001/a5/9b8d850325e9.gif&quot;</a> width=&quot;155&quot;>&lt;/b>&lt;/font>&lt;/center>&lt;/td>&lt;/tr>&lt;/table>&lt;/td>&lt;/tr>&lt;/table>&lt;/td>&lt;/tr>&lt;/table>&lt;/td>&lt;/tr>&lt;/table>&lt;/td>&lt;/tr>&lt;/table>&lt;/td>&lt;/tr>&lt;/table>&lt;/td>&lt;/tr>&lt;/table>&lt;/td>&lt;/tr>&lt;/table>&lt;/div> Вот, что в итоге мы видим

ТЕКСТ [155x]

А теперь перенесём картинку в другое место. Давайте поставим её после ШИРОКОЙ ВСТАВКИ (после &lt;tr>&lt;td>, а значение cellpadding="30" изменим на 3, т.е. будет cellpadding="3"&lt;div align=&quot;center&quot;>&lt;table border=&quot;0&quot; background=&quot;<a href="http://s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg&quot;" target="_blank">http://s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg&quot;</a> cellpadding=&quot;3&quot; cellspacing=&quot;1&quot;>&lt;tr>&lt;td>&lt;table border=&quot;0&quot; background=&quot;<a href="http://i072.radikal.ru/1001/91/b7cdd5033e20.jpg&quot;" target="_blank">http://i072.radikal.ru/1001/91/b7cdd5033e20.jpg&quot;</a> cellpadding=&quot;5&quot; cellspacing=&quot;0&quot;>&lt;tr>&lt;td>&lt;table border=&quot;0&quot; background=&quot;<a href="http://s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg&quot;" target="_blank">http://s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg&quot;</a> cellpadding=&quot;3&quot;cellspacing=&quot;1&quot;>&lt;tr>&lt;td>&lt;table border=&quot;0&quot; background=&quot;<a href="http://s16.radikal.ru/i191/1001/45/d52d35ac9103.jpg&quot;" target="_blank">http://s16.radikal.ru/i191/1001/45/d52d35ac9103.jpg&quot;</a> cellpadding=&quot;3&quot; cellspacing=&quot;0&quot;>&lt;tr>&lt;td>&lt;center>&lt;img src=&quot;<a href="http://s004.radikal.ru/i208/1001/06/b7fad949db37.gif&quot;" target="_blank">http://s004.radikal.ru/i208/1001/06/b7fad949db37.gif&quot;</a> _fcksavedurl=&quot;http://s004.radikal.ru/i208/1001/06/b7fad949db37.gif&quot;>&lt;/center>&lt;table border=&quot;0&quot; background=&quot;<a href="http://s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg&quot;" target="_blank">http://s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg&quot;</a> cellpadding=&quot;3&quot; cellspacing=&quot;1&quot;>&lt;tr>&lt;td>&lt;table border=&quot;0&quot; background=&quot;<a href="http://i072.radikal.ru/1001/91/b7cdd5033e20.jpg&quot;" target="_blank">http://i072.radikal.ru/1001/91/b7cdd5033e20.jpg&quot;</a> cellpadding=&quot;5&quot; cellspacing=&quot;0&quot;>&lt;tr>&lt;td>&lt;table border=&quot;0&quot; background=&quot;<a href="http://s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg&quot;" target="_blank">http://s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg&quot;</a> cellpadding=&quot;3&quot; cellspacing=&quot;1&quot;>&lt;tr>&lt;td>&lt;table border=&quot;0&quot; background=&quot;<a href="http://i072.radikal.ru/1001/91/b7cdd5033e20.jpg&quot;" target="_blank">http://i072.radikal.ru/1001/91/b7cdd5033e20.jpg&quot;</a> cellpadding=&quot;4&quot; cellspacing=&quot;0&quot;>&lt;tr>&lt;td>&lt;center>&lt;br>&lt;font size=&quot;5&quot; face=&quot;Monotype Corsiva&quot; color=&quot;ff0099&quot;>&lt;b>Желаю удачи!&lt;img src=&quot;<a href="http://i082.radikal.ru/1001/a5/9b8d850325e9.gif&quot;" target="_blank">http://i082.radikal.ru/1001/a5/9b8d850325e9.gif&quot;</a> _fcksavedurl=&quot;<a href="http://i082.radikal.ru/1001/a5/9b8d850325e9.gif&quot;" target="_blank">http://i082.radikal.ru/1001/a5/9b8d850325e9.gif&quot;</a> width=&quot;155&quot;>&lt;/b>&lt;/font>&lt;/center>&lt;/td>&lt;/tr>&lt;/table>&lt;/td>&lt;/tr>&lt;/table>&lt;/td>&lt;/tr>&lt;/table>&lt;/td>&lt;/tr>&lt;/table>&lt;/td>&lt;/tr>&lt;/table>&lt;/td>&lt;/tr>&lt;/table>&lt;/td>&lt;/tr>&lt;/table>&lt;/td>&lt;/tr>&lt;/table>&lt;/div> Получилась уже совсем другая рамочка.

[показать]

Желаю удачи! [155x]

Вот и всё!!!! Все уроки

Серия сообщений "делаем рамки":
Часть 1 - Делаем рамки
Часть 2 - Делаем рамки
...
Часть 15 - Рамки для выделения текста
Часть 16 - Делаем рамку в Paint Net
Часть 17 - Рамка в рамочке
Часть 18 - Формулы рамочек, блог Натальи Петровой
Часть 19 - Формулы рамочек, из блога La Perla
...
Часть 28 - Универсальные формулы рамок для ЛИру,Майла,Яру и ЖЖ
Часть 29 - Как сделать подпись к рамочке.
Часть 30 - ФШ, делаем рамочку.

вверх^ к полной версии понравилось! в evernote

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

Дневник Рамка в рамочке | вериша - Дневник ВЕРИША | Лента друзей вериша / Полная версия Добавить в друзья Страницы: раньше»