Цитата сообщения nataliya_bezushko УРОК 7. Делаем вместе рамочку из 8-и слоев.

Делаем вместе рамочку из 8-и слоев.
Для тех кто присоединился к нам оставила все предыдущие мои объяснения, что бы было понятно, (что и как).

Вот такую.

Здесь будет располагаться ваш текст! аккуратно удалите мой текст и вставьте ваш Ссылку на автора не убирать! Не изменять код рамки! ПОНРАВИЛАСЬ РАМОЧКА ОТПИШИТЕСЬ В КОММЕНТАРИЯХ! Спасибо за комментарии!!! Рамочка от Nataliya Bezushko

Хочется подчеркнуть, что вставлять свои адреса и цифры необходимо аккуратно, от кавычки до кавычки, НЕ ОСТАВЛЯЯ ПРОБЕЛОВ.

КОД РАМКИ.

<div align="center"><table border="0" background="1ТОНКИЙ ФОН РАДИКАЛ-1" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="2СРЕДНИЙ ФОН РАДИКАЛ-1" cellpadding="10" cellspacing="0"><tr><td style="padding: 10px;"><table border="0" background="3ТОНКИЙ ФОН РАДИКАЛ-1" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="4ТОЛСТЫЙ ФОН РАДИКАЛ-1" cellpadding="40" cellspacing="0"><tr><td style="padding: 40px;"><table border="0" background="5ТОНКИЙ ФОН РАДИКАЛ-1" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="6СРЕДНИЙ ФОН РАДИКАЛ-1" cellpadding="10" cellspacing="0"><tr><td style="padding: 10px;"><table border="0" background="7ТОНКИЙ ФОН РАДИКАЛ-1" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="8ФОН ТЕКСТА РАДИКАЛ-1" cellpadding="11" cellspacing="0"><tr><td style="padding: 11px;"><center>КАРТИНКА РАДИКАЛ-6<br /><img src="РАЗДЕЛИТЕЛЬ РАДИКАЛ-1" border="0" /><br /><center><font size="4"><font color="#15547a"><font face="Georgia">Здесь будет располагаться ваш текст!<br />аккуратно удалите мой текст и вставьте ваш<br /> <br /><img src="РАЗДЕЛИТЕЛЬ РАДИКАЛ-1" border="0" /><br /></font></font></font></center><div align="center"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС БЛОГА"><font size="1"><font color="#15547a">ЗДЕСЬ СТАВИМ ИМЯ ИЛИ НИК</font></font></a></div></center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div>

Значения в кавычках можно менять.
Например, размер букв font size="4". Если цифру 4 изменить на большую, то и буквы в тексте станут больше, если поставить цифру меньше, то и размер букв станет меньше. Цвет букв color="#15547a". Если вместо 15547a (так обозначается голубой цвет), поставить 000000 (так обозначается черный цвет), то и буквы станут черного цвета. Шрифт написания букв face="Georgia". Если вместо названия шрифта Georgia написать Arial, то написание букв изменится.
Теги center - картинка или текст распологаются по центру, block - отступ от края рамки.
Если разделитель или картинка большого размера вставьте width="ШИРИНА" height="ВЫСОТА" подставив соответственно пропорциональные размеры уменьшая понемногу...
<img src="РАЗДЕЛИТЕЛЬ из РАДИКАЛ-1" width="ШИРИНА" height="ВЫСОТА" />

НАЧИНАЕМ ДЕЛАТЬ РАМКУ.

Возьмите код-шаблон из окошка в верху где написано код рамки.
Теперь открываем Радикал
Загружаем картинку фона, копируем 1 строчку (ссылка), вставляем сразу после моих слов СЛОЙ ТОНКИЙ РАДИКА№1 в коде. Так же поступаем и со вторым фоном. Будьте внимательны, когда потом начнете стирать мои слова СЛОЙ ТОНКИЙ РАДИКА№1, не заденьте кавычки.
Поэкспериментируйте попеременно с цифрами в cellpadding="2" cellspacing="1", table border="0". Поставьте цифру намного больше чем в коде, чтобы сразу увидеть на что они влияют.
Можете изменить цвет, размер, шрифт текста.
Где вставить ссылку на свой блог, написать текст и куда вставлять картинку, думаю понятно. Картинка, в данном случае, РАДИКА-1 Картинку можно поставить и под текстом, если захочется. Поменяйте ее местами с текстом и всё.

Пробуйте, у Вас получится!
ЖЕЛАЮ УДАЧИ!
Nataliya_Bezyshko

Дорогие друзья и гости! Кому некогда или лень писать комментарии... если не трудно, отмечайте внизу слева в посте: ПОНРАВИЛОСЬ!"

Серия сообщений "МОИ УРОКИ":

Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник.
...
Часть 11 - Как сделать самому баннер.
Часть 12 - УРОК 6. Делаем рамку с падающим снегом.
Часть 13 - УРОК 7. Делаем вместе рамочку из 8-и слоев.
Часть 14 - Познакомьтесь замечательный сайт
Часть 15 - Добавляем картинку в пост не копируя её себе в компьютер.
...
Часть 20 - УРОК. РАМКА В РАМКЕ...
Часть 21 - LiveInternet – Отношения
Часть 22 - Уменьшаем большую картинку.