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

Вторник, 23 Июля 2013 г. 10:18 + в цитатник

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

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

Урок 1. Делаем простую рамочку из 2-х слоев.

Делаем простую рамочку.

У меня созрела идея написать урок как научится делать рамки может кому то будет интересно, начнём с простой рамки и потом перейдём к рамкам по сложнее.
Сделаем простую рамочку из 2-х слоев (фонов)
Вот такую.

ЗДЕСЬ БУДЕТ ВАШ ТЕКСТ.
Nataliya Bezushko

Код рамочки
<center><table border="0" background="1СЛОЙ ТОНКИЙ РАДИКА№1" cellpadding="5" cellspacing="0" width="100%"><tr><td><table border="0" background="2ФОН ТЕКСТА РАМКИ РАДИКА№1" cellpadding="10" cellspacing="0" width="100%"><tr><td><center><block>КАРТИНКА РАДИКА№6<font size="5" color="#ffffff" face="Monotype Corsiva"><br />ЗДЕСЬ БУДЕТ ВАШ ТЕКСТ. <br /></font></block><center><a target="_blank" href="ССЫЛКА на Ваш блог"><font size="2" color="#ffffff" face="Monotype Corsiva">ВАШ НИК или ВАШЕ ИМЯ</font></a></center></center></td></tr></table><center> </center></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 Картинку можно поставить и под текстом, если захочется. Поменяйте ее местами с текстом и всё.

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

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

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

Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник.
Часть 3 - Урок 2. СДЕЛАЕМ ПРОСТУЮ РАМОЧКУ ИЗ 3-х СЛОЕВ.
...
Часть 20 - УРОК. РАМКА В РАМКЕ...
Часть 21 - LiveInternet – Отношения
Часть 22 - Уменьшаем большую картинку.

Рубрики:

РАМКИ

Метки: рамочки уроки

<a href="https://www.liveinternet.ru/users/joy5/post284598938/">Р”РµР»Р°РµРј РїСЂРѕСЃС‚СѓСЋ СЂР°РјРѕС‡РєСѓ РёР· 2-С… СЃР»РѕРµРІ</a><br/>РЈСЂРѕРє 1. Р”РµР»Р°РµРј РїСЂРѕСЃС‚СѓСЋ СЂР°РјРѕС‡РєСѓ РёР· 2-С… СЃР»РѕРµРІ.

Р”РµР»Р°РµРј РїСЂРѕСЃС‚СѓСЋ СЂР°РјРѕС‡РєСѓ.
РЈ РјРµРЅСЏ СЃРѕР·СЂРµР»Р° РёРґРµСЏ РЅР°РїРёСЃР°С‚СЊ СѓСЂРѕРє РєР°Рє РЅР°СѓС‡РёС‚СЃСЏ РґРµР»Р°С‚СЊ СЂР°РјРєРё РјРѕР¶РµС‚ РєРѕРјСѓ С‚Рѕ Р±СѓРґРµС‚ РёРЅС‚РµСЂРµСЃРЅРѕ, РЅР°С‡РЅС‘Рј СЃ РїСЂРѕСЃС‚РѕР№ СЂР°РјРєРё Рё РїРѕС‚РѕРј РїРµСЂРµР№РґС‘Рј Рє СЂР°РјРєР°Рј РїРѕ СЃР»РѕР¶РЅРµРµ.
РЎРґРµР»Р°РµРј РїСЂРѕСЃС‚СѓСЋ СЂР°РјРѕС‡РєСѓ РёР· 2-С… СЃР»РѕРµРІ (С„РѕРЅРѕРІ)
Р’РѕС‚ С‚Р°РєСѓСЋ.
Р—Р”Р•РЎР¬ Р‘РЈР”Р•Рў Р’РђРЁ РўР•РљРЎРў.Nataliya Bezushko

РљРѕРґ СЂР°РјРѕС‡РєРё 
РљРђР РўРРќРљРђ Р РђР”РРљРђв„–6Р—Р”Р•РЎР¬ Р‘РЈР”Р•Рў Р’РђРЁ РўР•РљРЎРў. Р’РђРЁ РќРРљ РёР»Рё Р’РђРЁР• РРњРЇ

Р—РЅР°С‡РµРЅРёСЏ РІ РєР°РІС‹С‡РєР°С… РјРѕР¶РЅРѕ РјРµРЅСЏС‚СЊ.
РќР°РїСЂРёРјРµСЂ, СЂР°Р·РјРµСЂ Р±СѓРєРІ font size="5". Р•СЃР»Рё С†РёС„СЂСѓ 5 РёР·РјРµРЅРёС‚СЊ РЅР° Р±РѕР»СЊС€СѓСЋ, С‚Рѕ Рё Р±СѓРєРІС‹ РІ С‚РµРєСЃС‚Рµ СЃС‚Р°РЅСѓС‚ Р±РѕР»СЊС€Рµ, РµСЃР»Рё РїРѕСЃС‚Р°РІРёС‚СЊ С†РёС„СЂСѓ РјРµРЅСЊС€Рµ, С‚Рѕ Рё СЂР°Р·РјРµСЂ Р±СѓРєРІ СЃС‚Р°... <a href="https://www.liveinternet.ru/users/joy5/post284598938/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

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

LiveInternetLiveInternet

-Музыка

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