Делаем вместе рамочку из 6-х слоев

Воскресенье, 01 Апреля 2012 г. 01:21 + в цитатник

Цитата сообщения nataliya_bezushko

Прочитать целиком В свой цитатник или сообщество!

Урок 4. Делаем вместе рамочку из 6-х слоев

Делаем вместе простую рамочку из 6-х слоев.
Для тех кто присоединился к нам оставила все предыдущие мои объяснения, что бы было понятно, (что и как) рамка почти не изменилась только добавился еще один слой. Рамку тоже не меняла для того что бы вы могли рассмотреть разницу.
Делаем вместе рамочку из 6-х слоев (фонов)
Вот такую.

Тут будет располагаться ваш текст! Nataliya Bezushko

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

Код рамочки

<center><table border="0" background="1СЛОЙ ТОНКИЙ РАДИКА№1" cellpadding="5" cellspacing="0" width="700"><tr><td style="padding: 5px;"><table border="0" background="2СЛОЙ ТОЛСТЫЙ РАДИКА№1" cellpadding="45" cellspacing="0" width="100%"><tr><td style="padding: 45px;"><table border="0" background="3СЛОЙ ТОНКИЙ РАДИКА№1" cellpadding="5" cellspacing="0" width="100%"><tr><td style="padding: 5px;"><table border="0" background="4СЛОЙ СРЕДНИЙ РАДИКА№1" cellpadding="10" cellspacing="0" width="100%"><tr><td style="padding: 10px;"><table border="0" background="5СЛОЙ ТОНКИЙ РАДИКА№1" cellpadding="5" cellspacing="0" width="100%"><tr><td style="padding: 5px;"><table border="0" background="6ФОН ТЕКСТА РАМКИ РАДИКА№1" cellpadding="11" cellspacing="0" width="100%"><tr><td style="padding: 11px;"><center><block>КАРТИНКА РАДИКА№6<font size="5" color="#ffffff" face="Monotype Corsiva"><br /><br /> Тут будет располагаться ваш текст! </font></block><center><a target="_blank" data-cke-saved-href="ССЫЛКА на Ваш блог" href="ССЫЛКА на Ваш блог"><font size="2" color="#ffffff" face="Monotype Corsiva">ВАШ НИК или ВАШЕ ИМЯ</font></a></center></center></td></tr></table><center></center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center>

Значения в кавычках можно менять.
Например, размер букв font size="5". Если цифру 5 изменить на большую, то и буквы в тексте станут больше, если поставить цифру меньше, то и размер букв станет меньше. Цвет букв color="#ffffff". Если вместо ffffff (так обозначается белый цвет), поставить 000000 (так обозначается черный цвет), то и буквы станут черного цвета. Шрифт написания букв face="Monotype Corsiva". Если вместо названия шрифта Monotype Corsiva написать Arial, то написание букв изменится.
Теги center - картинка или текст распологаются по центру, block - отступ от края рамки.
НАЧИНАЕМ ДЕЛАТЬ РАМКУ.

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

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

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

Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник.
...
Часть 4 - Урок 3. Делаем вместе простую рамочку из 4-х слоев
Часть 5 - Делаем кликабельные кнопочки на ваш дневник или какой-то сайт
Часть 6 - Урок 4. Делаем вместе рамочку из 6-х слоев
Часть 7 - Урок 5. Делаем вместе рамку с уголками.
Часть 8 - ДЕЛАЕМ ОКОШКО ДЛЯ КОДА.
...
Часть 21 - LiveInternet – Отношения
Часть 22 - Уменьшаем большую картинку.
Часть 23 - По просьбе "скелетик" кода такой рамки.