Урок 5.

Среда, 24 Ноября 2010 г. 23:35 + в цитатник

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

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

Урок 5. Делаем вместе рамку с уголками.

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


	Здесь будет ваш текст.

Рамочка от Nataliya Bezushko

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

Уголки.

<center><table border="0" width="100%" background="ФОН ТОНКИЙ" cellspacing="3" cellpadding="1"><tbody><tr><td style="padding: 3px;"><table border="0" width="100%" background="ФОН СРЕДНИЙ" cellspacing="5" cellpadding="5"><tbody><tr><td style="padding: 5px;"><table border="0" width="100%" background="ФОН ТОНКИЙ" cellspacing="3 " cellpadding="1"><tbody><tr><td style="padding: 3px;"><table border="0" width="100%" background="ФОН ТОЛСТЫЙ" cellspacing="30" cellpadding="1"><tbody><tr><td style="padding: 30px;"><table border="0" width="100%" background="ФОН ТОНКИЙ" cellspacing="3" cellpadding="1"><tbody><tr><td style="padding: 3px;"><table border="0" width="100%" background="ФОН СРЕДНИЙ" cellspacing="5" cellpadding="5"><tbody><tr><td style="padding: 5px;"><table border="0" width="100%" background="ФОН ТОНКИЙ" cellspacing="3" cellpadding="1"><tbody><tr><td style="padding: 3px;"><table border="0" width="100%" background="ФОН ТЕКСТА" cellspacing="5" cellpadding="5"><tbody><tr><td><img src="УГОЛОК ВЕРХНИЙ ЛЕВЫЙ РАДИКАЛ-1" /></td><td width="100%"></td><td><img src="УГОЛОК ВЕРХНИЙ ПРАВЫЙ РАДИКАЛ-1" /></td></tr><tr><td></td><td><br /><center><img src="РАЗДЕЛИТЕЛЬ ИЛИ КАРТИНКА РАДИКАЛ-1" /><font color="#FFFFFF"><font size="4"><font face="Times New Roman"><br /> Здесь будет ваш текст.</font></font></font></center><br /><br /><center><img src="РАЗДЕЛИТЕЛЬ ИЛИ КАРТИНКА РАДИКАЛ-1" /></center></td><td> </td></tr><tr><td><img src="УГОЛОК НИЖНИЙ ЛЕВЫЙ РАДИКАЛ-1" /></td><td></td><td><img src="УГОЛОК НИЖНИЙ ПРАВЫЙ РАДИКАЛ-1" /></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><center><a href="ССЫЛКА на Ваш блог"><font size="2"><b><font color="#cdbe70">ВАШ НИК или ВАШЕ ИМЯ</font></b></font></a></center></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></center>

Значения в кавычках можно менять.

Например, размер букв font size="4". Если цифру 4 изменить на большую, то и буквы в тексте станут больше, если поставить цифру меньше, то и размер букв станет меньше. Цвет букв color="#FFFFFF". Если вместо FFFFFF (так обозначается белый цвет), поставить 000000 (так обозначается черный цвет), то и буквы станут черного цвета. Шрифт написания букв face="Times New Roman". Если вместо названия шрифта Times New Roman написать Arial, то написание букв изменится.
Теги center - картинка или текст распологаются по центру, block - отступ от края рамки.

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

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

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

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

Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник.
...
Часть 5 - Делаем кликабельные кнопочки на ваш дневник или какой-то сайт
Часть 6 - Урок 4. Делаем вместе рамочку из 6-х слоев
Часть 7 - Урок 5. Делаем вместе рамку с уголками.

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

<a href="https://www.liveinternet.ru/users/sharm/post141691338/">РЈСЂРѕРє 5.</a><br/>РЈСЂРѕРє 5. Р”РµР»Р°РµРј РІРјРµСЃС‚Рµ СЂР°РјРєСѓ СЃ СѓРіРѕР»РєР°РјРё.

Р”РµР»Р°РµРј РІРјРµСЃС‚Рµ СЂР°РјРєСѓ СЃ СѓРіРѕР»РєР°РјРё.
Р”Р»СЏ С‚РµС… РєС‚Рѕ РїСЂРёСЃРѕРµРґРёРЅРёР»СЃСЏ Рє РЅР°Рј РѕСЃС‚Р°РІРёР»Р° РІСЃРµ РїСЂРµРґС‹РґСѓС‰РёРµ РјРѕРё РѕР±СЉСЏСЃРЅРµРЅРёСЏ, С‡С‚Рѕ Р±С‹ Р±С‹Р»Рѕ РїРѕРЅСЏС‚РЅРѕ, (С‡С‚Рѕ Рё РєР°Рє) СЂР°РјРєР° РїРѕС‡С‚Рё РЅРµ РёР·РјРµРЅРёР»Р°СЃСЊ С‚РѕР»СЊРєРѕ РґРѕР±Р°РІРёР»СЃСЏ РµС‰Рµ РѕРґРёРЅ СЃР»РѕР№. Р Р°РјРєСѓ С‚РѕР¶Рµ РЅРµ РјРµРЅСЏР»Р° РґР»СЏ С‚РѕРіРѕ С‡С‚Рѕ Р±С‹ РІС‹ РјРѕРіР»Рё СЂР°СЃСЃРјРѕС‚СЂРµС‚СЊ СЂР°Р·РЅРёС†Сѓ. 
Р”РµР»Р°РµРј РІРјРµСЃС‚Рµ СЂР°РјРѕС‡РєСѓ РёР· 6-С… СЃР»РѕРµРІ (С„РѕРЅРѕРІ)
Р’РѕС‚ С‚Р°РєСѓСЋ.
 Р—РґРµСЃСЊ Р±СѓРґРµС‚ РІР°С€ С‚РµРєСЃС‚.   Р Р°РјРѕС‡РєР° РѕС‚ Nataliya  Bezushko

РҐРѕС‡РµС‚СЃСЏ РїРѕРґС‡РµСЂРєРЅСѓС‚СЊ, С‡С‚Рѕ РІСЃС‚Р°РІР»СЏС‚СЊ СЃРІРѕРё Р°РґСЂРµСЃР° Рё С†РёС„СЂС‹ РЅРµРѕР±С…РѕРґРёРјРѕ Р°РєРєСѓСЂР°С‚РЅРѕ, РѕС‚ РєР°РІС‹С‡РєРё РґРѕ РєР°РІС‹С‡РєРё, РќР• РћРЎРўРђР’Р›РЇРЇ РџР РћР‘Р•Р›РћР’.

РЈРіРѕР»РєРё.

Р—РґРµСЃСЊ Р±СѓРґРµС‚ РІ... <a href="https://www.liveinternet.ru/users/sharm/post141691338/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Музыка

-Цитатник

-Ссылки

-Рубрики

-Приложения

-Метки

-Фотоальбом

-Я - фотограф

Идеи вязаных изделий на малюток

-Всегда под рукой

-Поиск по дневнику

-Подписка по e-mail

-Друзья

-Постоянные читатели

-Статистика

Урок 5.