УРОК. РАМКА В РАМКЕ...

Суббота, 28 Ноября 2015 г. 15:06 + в цитатник

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

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

УРОК. РАМКА В РАМКЕ...

СДЕЛАЕМ РАМКУ С ОБВОДКОЙ ВОКРУГ КАРТИНКИ И ВОКРУГ ТЕКСТА.

Вот такую.

ЗДЕСЬ БУДЕТ ВАШ ТЕКСТ…

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

<div align="center"><table border="2" background="ФОН ОБВОДКА радикал 1" cellpadding="6" cellspacing="0" width="700"><tr><td style="padding: 6px;"><table border="2" background="ШИРОКИЙ ФОН радикал 1" cellpadding="50" cellspacing="0" width="100%"><tr><td style="padding: 50px;"><center><table border="2" background="ФОН ОБВОДКА КартинкИ радикал 1" cellpadding="6" cellspacing="0" width="100%"><tr><td><table border="2" background="ФОН ЗА КАРТИНКОЙ радикал 1" cellpadding="15" cellspacing="0" width="100%"><tr><td><div align="center">КАРТИНКА</div></td></tr></table></td></tr></table></center><br /><br /><br /> <div align="center"><table border="2" background="первая ОБВОДКА ТЕКСТА радикал 1" cellpadding="6" cellspacing="0" width="100%"><tr><td><table border="2" background="вторая ОБВОДКА ТЕКСТА радикал 1" cellpadding="10" cellspacing="0" width="100%"><tr><td><div align="center"><table border="2" background="третья ОБВОДКА ТЕКСТА радикал 1" cellpadding="6" cellspacing="0" width="100%"><tr><td><table border="2" background="ФОН ТЕКСТА" cellpadding="35" cellspacing="0" width="100%"><tr><td><font size="5"><font color="#FFFF99"><font face="Palatino Linotype"><div align="center">РАЗДЕЛИТЕЛЬ<br /><br /> <div align="center">ЗДЕСЬ БУДЕТ ВАШ ТЕКСТ…<br /><br /><br /> <div align="center">РАЗДЕЛИТЕЛЬ</div></div></div></font></font></font><font size="3"><font color="#FFFF99"><font face="Palatino Linotype"><div align="center"><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС БЛОГА">Здесь ставим ИМЯ</a></div></font></font></font></td></tr></table></td></tr></table></div></td></tr></table></td></tr></table></div></td></tr></table></td></tr></table></div>

Значения в кавычках можно менять.
Например, размер букв 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_BezushkoСообщество: РАМКИ, ГОCTЕВАЯ КНИГА, ПОЗДРАВЛЕНИЯ, СТИХИ, КАРТИНКИ

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

Благодарю за цитирование!

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

Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник.
...
Часть 18 - Шпаргалка для оформления постов.
Часть 19 - Урок. Ваш компьютер не читает программы на русском языке? Как это исправить?
Часть 20 - УРОК. РАМКА В РАМКЕ...
Часть 21 - LiveInternet – Отношения
Часть 22 - Уменьшаем большую картинку.
Часть 23 - По просьбе "скелетик" кода такой рамки.

Рубрики:

рамочки

<a href="https://www.liveinternet.ru/users/agape77/post378024036/">РЈР РћРљ. Р РђРњРљРђ Р’ Р РђРњРљР•...</a><br/>РЈР РћРљ. Р РђРњРљРђ Р’ Р РђРњРљР•...

РЎР”Р•Р›РђР•Рњ Р РђРњРљРЈ РЎ РћР‘Р’РћР”РљРћР™ Р’РћРљР РЈР“ РљРђР РўРРќРљР Р Р’РћРљР РЈР“ РўР•РљРЎРўРђ.
Р’РѕС‚ С‚Р°РєСѓСЋ.

Р—Р”Р•РЎР¬ Р‘РЈР”Р•Рў Р’РђРЁ РўР•РљРЎРўвЂ¦

Р”Р»СЏ С‚РµС… РєС‚Рѕ РїСЂРёСЃРѕРµРґРёРЅРёР»СЃСЏ Рє РЅР°Рј РѕСЃС‚Р°РІРёР»Р° РІСЃРµ РїСЂРµРґС‹РґСѓС‰РёРµ РјРѕРё РѕР±СЉСЏСЃРЅРµРЅРёСЏ, С‡С‚Рѕ Р±С‹ Р±С‹Р»Рѕ РїРѕРЅСЏС‚РЅРѕ, (С‡С‚Рѕ Рё РєР°Рє). 
 РљРѕРґ СЂР°РјРѕС‡РєРё

РљРђР РўРРќРљРђ
Р РђР—Р”Р•Р›РРўР•Р›Р¬
Р—Р”Р•РЎР¬ Р‘РЈР”Р•Рў Р’РђРЁ РўР•РљРЎРўвЂ¦
Р РђР—Р”Р•Р›РРўР•Р›Р¬Р—РґРµСЃСЊ СЃС‚Р°РІРёРј РРњРЇ

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

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

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

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

LiveInternetLiveInternet

-Рубрики

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

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

-Интересы

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

-Статистика

УРОК. РАМКА В РАМКЕ...