УРОК «Рамка вокруг текста»

Пятница, 11 Января 2013 г. 11:17 + в цитатник

Дорогие друзья!
Вы, наверное, часто видели на страницах интернета части текста, которые красиво обрамлены простой на вид рамкой, иногда с включением в неё текста, картинки или даже анимации. В этом уроке я научу вас это делать.

Итак, чтобы заключить часть текста или несколько каких-то объектов в рамку, нужно поместить этот текст или объекты в контейнер

, вот так:

Ваш текст

Чтобы добавить текст или картинку, включённую в рамку, нужно после открывающего элемента

вставить контейнер и в него поместить слово, словосочетание или написать адрес картинки или анимации в формате http. Полный код смотрите в окне ниже. Можно его скопировать и вставить там, где нужно.

<fieldset><legend><img src="адрес картинки в сети" /></legend> Любой ваш текст. </fieldset>

В итоге мы получаем вот так вот оформленный текст:
В качестве легенды - слово:

В качестве легенды - картинка:

Превью 0_74b75_50bd4d44_XXXL (700x661, 541Kb)

Привет!
Привет!!! Я тоже очень рада твоему письму и предстоящей встрече с тобой :).
Позвони мне как только сможешь.

Источник

Рубрики:

Оформление дневника

Процитировано 27 раз
Понравилось: 39 пользователям

<a href="https://www.liveinternet.ru/users/4284324/post256101034/">РЈР РћРљ В«Р Р°РјРєР° РІРѕРєСЂСѓРі С‚РµРєСЃС‚Р°В»</a> Р”РѕСЂРѕРіРёРµ РґСЂСѓР·СЊСЏ!
Р’С‹, РЅР°РІРµСЂРЅРѕРµ, С‡Р°СЃС‚Рѕ РІРёРґРµР»Рё РЅР° СЃС‚СЂР°РЅРёС†Р°С… РёРЅС‚РµСЂРЅРµС‚Р° С‡Р°СЃС‚Рё С‚РµРєСЃС‚Р°, РєРѕС‚РѕСЂС‹Рµ РєСЂР°СЃРёРІРѕ РѕР±СЂР°РјР»РµРЅС‹ РїСЂРѕСЃС‚РѕР№ РЅР° РІРёРґ СЂР°РјРєРѕР№, РёРЅРѕРіРґР° СЃ РІРєР»СЋС‡РµРЅРёРµРј РІ РЅРµС‘ С‚РµРєСЃС‚Р°, РєР°СЂС‚РёРЅРєРё РёР»Рё РґР°Р¶Рµ Р°РЅРёРјР°С†РёРё. Р’ СЌС‚РѕРј СѓСЂРѕРєРµ СЏ РЅР°СѓС‡Сѓ РІР°СЃ СЌС‚Рѕ РґРµР»Р°С‚СЊ.
РС‚Р°Рє, С‡С‚РѕР±С‹ Р·Р°РєР»СЋС‡РёС‚СЊ С‡Р°СЃС‚СЊ С‚РµРєСЃС‚Р° РёР»Рё РЅРµСЃРєРѕР»СЊРєРѕ РєР°РєРёС…-С‚Рѕ РѕР±СЉРµРєС‚РѕРІ РІ СЂР°РјРєСѓ, РЅСѓР¶РЅРѕ РїРѕРјРµСЃС‚РёС‚СЊ СЌС‚РѕС‚ С‚РµРєСЃС‚ РёР»Рё РѕР±СЉРµРєС‚С‹ РІ РєРѕРЅС‚РµР№РЅРµСЂ , РІРѕС‚ С‚Р°Рє:

Р’Р°С€ С‚РµРєСЃС‚
Р’Р°С€ С‚РµРєСЃС‚ 
Р§С‚РѕР±С‹ РґРѕР±Р°РІРёС‚СЊ С‚РµРєСЃС‚ РёР»Рё РєР°СЂС‚РёРЅРєСѓ, РІРєР»СЋС‡С‘РЅРЅСѓСЋ РІ СЂР°РјРєСѓ, РЅСѓР¶РЅРѕ РїРѕСЃР»Рµ РѕС‚РєСЂС‹РІР°СЋС‰РµРіРѕ СЌР»РµРјРµРЅС‚Р° РІСЃС‚Р°РІРёС‚СЊ РєРѕРЅС‚РµР№РЅРµСЂ Рё РІ РЅРµРіРѕ РїРѕРјРµСЃС‚РёС‚СЊ СЃР»РѕРІРѕ, СЃР»РѕРІРѕСЃРѕС‡РµС‚Р°РЅРёРµ РёР»Рё РЅР°РїРёСЃР°С‚СЊ Р°РґСЂРµСЃ РєР°СЂС‚РёРЅРєРё РёР»Рё Р°РЅРёРјР°С†РёРё РІ С„РѕСЂРјР°С‚Рµ htt... <a href="https://www.liveinternet.ru/users/4284324/post256101034/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

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

LiveInternetLiveInternet

-Музыка

-Цитатник

-Рубрики

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

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

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

-Друзья

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

-Статистика

УРОК «Рамка вокруг текста»