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


Без заголовка 19-04-2011 16:39 к комментариям - к полной версии - понравилось!

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

Рамка в рамочке

 

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

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

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

Желаю удачи! [155x]
Вот и всё!!!! Все уроки
вверх^ к полной версии понравилось! в evernote


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

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