Как подписать изображение.

Вторник, 06 Июля 2010 г. 14:04 + в цитатник

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

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

Небольшое дополнение в

Сегодня будем учиться подписывать картинки. Понимаю, что проще сделать это прямо на самой картинки, но подозреваю, что не всем такой подход нравится и не всегда это возможно.

Сегодня научу, как делать вот такую конструкцию:

Кнопка «Самоучитель по ЛиРу»

Вы не поверите, но чтобы такое сделать, придётся научится ... рисовать рамки!
Да-да! Вы не ослышались.

Толщина рамки
Может определятся в пикселях (например: "2px") или в относительных значениях ("thin", "medium" или "thick").

Цвет рамки
Определяется как обычно в html: #123456", "rgb(123,123,123)" или просто "orange".

Типы рамок
А вот тут надо показывать.

dotted

dashed

solid

groove

ridge

inset

outset

Вот собственно и всё. Теперь надо сделать таблицу, внутрь её вставить картинку, а саму таблицу окружить рамкой.

Сложно? Тогда вот вам готовый код:

<table border="0" cellspacing="0" cellpadding="0" style="border: 1px solid black; width: 200px; margin: 3px 3px 3px 0; float:left;"><td style="padding: 3px 3px 3px 3px;"><img src="тут  адрес картинки" _fcksavedurl="тут  адрес картинки" width="200" height="50" border="0" /></td><tr><td style="padding: 3px 3px 3px 3px; font-family: Verdana, Arial, sans-serif; font-size: 12px; text-align: center;">Тут подпись картинки</td></tr></table>

Хочу обратить ваше внимание на 2 момента:
1. Текст " style="border: 1px solid black;" описывает свойства вашей рамки.
Первый параметр ("1px") - это её толщина.
Второй параметр ("solid") - это её тип.
Третий параметр ("black") - её цвет.

2. Размер картинки (width="200") должен совпадать с размером рамки ("width: 200px"). Ну, или по крайней мере быть не меньше.

Кстати, в рамки можно вставлять не только картинки.
Например:

Чайф и Николай Фоменко - «Прощай детка, детка прощай»

Update
Как сделать такой плеер?

LI 5.09.15

Рубрики:

FAQ по Ли.ру

<a href="https://www.liveinternet.ru/users/2967035/post129908099/">РљР°Рє РїРѕРґРїРёСЃР°С‚СЊ РёР·РѕР±СЂР°Р¶РµРЅРёРµ.</a><br/>РќРµР±РѕР»СЊС€РѕРµ РґРѕРїРѕР»РЅРµРЅРёРµ РІ 
РЎРµРіРѕРґРЅСЏ Р±СѓРґРµРј СѓС‡РёС‚СЊСЃСЏ РїРѕРґРїРёСЃС‹РІР°С‚СЊ РєР°СЂС‚РёРЅРєРё. РџРѕРЅРёРјР°СЋ, С‡С‚Рѕ РїСЂРѕС‰Рµ СЃРґРµР»Р°С‚СЊ СЌС‚Рѕ РїСЂСЏРјРѕ РЅР° СЃР°РјРѕР№ РєР°СЂС‚РёРЅРєРё, РЅРѕ РїРѕРґРѕР·СЂРµРІР°СЋ, С‡С‚Рѕ РЅРµ РІСЃРµРј С‚Р°РєРѕР№ РїРѕРґС…РѕРґ РЅСЂР°РІРёС‚СЃСЏ Рё РЅРµ РІСЃРµРіРґР° СЌС‚Рѕ РІРѕР·РјРѕР¶РЅРѕ.

РЎРµРіРѕРґРЅСЏ РЅР°СѓС‡Сѓ, РєР°Рє РґРµР»Р°С‚СЊ РІРѕС‚ С‚Р°РєСѓСЋ РєРѕРЅСЃС‚СЂСѓРєС†РёСЋ:

РљРЅРѕРїРєР° &laquo;РЎР°РјРѕСѓС‡РёС‚РµР»СЊ РїРѕ Р›РёР Сѓ&raquo;

Р’С‹ РЅРµ РїРѕРІРµСЂРёС‚Рµ, РЅРѕ С‡С‚РѕР±С‹ С‚Р°РєРѕРµ СЃРґРµР»Р°С‚СЊ, РїСЂРёРґС‘С‚СЃСЏ РЅР°СѓС‡РёС‚СЃСЏ ... СЂРёСЃРѕРІР°С‚СЊ СЂР°РјРєРё!
Р”Р°-РґР°! Р’С‹ РЅРµ РѕСЃР»С‹С€Р°Р»РёСЃСЊ.

РўРѕР»С‰РёРЅР° СЂР°РјРєРё
РњРѕР¶РµС‚ РѕРїСЂРµРґРµР»СЏС‚СЃСЏ РІ РїРёРєСЃРµР»СЏС… (РЅР°РїСЂРёРјРµСЂ: &quot;2px&quot;) РёР»Рё РІ РѕС‚РЅРѕСЃРёС‚РµР»СЊРЅС‹С… Р·РЅР°С‡РµРЅРёСЏС… (&quot;t... <a href="https://www.liveinternet.ru/users/2967035/post129908099/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

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

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

LiveInternetLiveInternet

-Музыка

-Цитатник

-Метки

-Рубрики

-Новости

-Приложения

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

-ТоррНАДО - торрент-трекер для блогов

-Кнопки рейтинга «Яндекс.блоги»

-Книгоман

-Стена

-Я - фотограф

Doutzen Kroes - модель с ангельским лицом

-

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

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

-Друзья

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

-Сообщества

-Трансляции

-Статистика

Как подписать изображение.