Записи Друзья Комментарии
Rost
Аватар Rost

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

Найти в блоге:




Rost рекомендует
Блог Ильи Татарникова

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

 

 -Интересы

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 08.05.2003
Записей: 13928
Комментариев: 173977
Написано: 266092


Как подписать картинку?

Понедельник, 05 Июля 2010 г. 10:52 + в цитатник
Небольшое дополнение в
Сегодня будем учиться подписывать картинки. Понимаю, что проще сделать это прямо на самой картинки, но подозреваю, что не всем такой подход нравится и не всегда это возможно.

Сегодня научу, как делать вот такую конструкцию:
Кнопка «Самоучитель по ЛиРу»
Вы не поверите, но чтобы такое сделать, придётся научится ... рисовать рамки!
Да-да! Вы не ослышались.

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

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

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

dashed

solid

groove

ridge

inset

outset


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

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


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

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

Кстати, в рамки можно вставлять не только картинки.
Например:
Чайф и Би-2
«Достучаться до небес»



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

Update №2
Как окружить текст рамкой?

LI 5.09.15
Метки:  

Процитировано 248 раз
Понравилось: 15 пользователям
Нравится

Комментировать — К дневнику — Страницы: [1] 2 3 4 [Новые]
Верзиера   обратиться по имени Понедельник, 05 Июля 2010 г. 10:58 (ссылка)
А бывают пользователи тупее тупых блондинок?
Ответить С цитатой В цитатник
Rost   обратиться по имени Понедельник, 05 Июля 2010 г. 10:59 (ссылка)
Исходное сообщение Верзиера
А бывают пользователи тупее тупых блондинок?

Бывают. Уже пару раз встречал пользователей, которые не знали, как скопировать текст.
Ответить С цитатой В цитатник
Ника_59   обратиться по имени Понедельник, 05 Июля 2010 г. 11:38 (ссылка)
Еще как бывают. Некоторые не могут даже музыку включить с диска.
Ответить С цитатой В цитатник
Н_НИНА   обратиться по имени Понедельник, 05 Июля 2010 г. 11:43 (ссылка)
ничего удивительного, что открывают дневник и спрашивают что такое WORD, и тем не менее через пару месяцев помощи уже коллажи делают, так что помогать надо и спасибо за урок, читают не только "тупые блондинки" судя по комментариям
Ответить С цитатой В цитатник
паганафора   обратиться по имени Понедельник, 05 Июля 2010 г. 12:17 (ссылка)
Rost,

а зачем так усложнять?!
во-первых, лира с половиной свойств из тобой набранных не работает
во-вторых, она криво живёт с таблицами

контейнер div, куда проще всё вмещает
и код короче
Ответить С цитатой В цитатник
паганафора   обратиться по имени Понедельник, 05 Июля 2010 г. 12:20 (ссылка)

Ответ на комментарий Rost

Исходное сообщение Rost
... Уже пару раз встречал пользователей, которые не знали, как скопировать текст.


а после твоих уроков, копируют "на Ура"
но не знают как вставить))))))))))))))
Ответить С цитатой В цитатник
Rost   обратиться по имени Понедельник, 05 Июля 2010 г. 12:22 (ссылка)
Исходное сообщение паганафора
Rost , а зачем так усложнять?!

Да где уж тут усложнять то? Это разве сложно?

Исходное сообщение паганафора
во-первых, лира с половиной свойств из тобой набранных не работает
во-вторых, она криво живёт с таблицами

Ты заголовок читал? Для этого можно использовать таблицы.
Исходное сообщение паганафора
контейнер div, куда проще всё вмещает
и код короче

Вот подпиши картинку с помощью этого контейнера.
А я посмотрю.
Ответить С цитатой В цитатник
Rost   обратиться по имени Понедельник, 05 Июля 2010 г. 12:25 (ссылка)

Ответ на комментарий паганафора

Ну, для женщин вопрос: "как вставить?" - всегда вызывает недоумение.
Ответить С цитатой В цитатник
паганафора   обратиться по имени Понедельник, 05 Июля 2010 г. 13:06 (ссылка)
Rost,
можно и подписать)))

РОСТИК и МЕДВЕД

Ответить С цитатой В цитатник
Rost   обратиться по имени Понедельник, 05 Июля 2010 г. 13:15 (ссылка)
Исходное сообщение паганафора
можно и подписать)))

О! Спасибо, не знал!
Ответить С цитатой В цитатник
kshushlin   обратиться по имени Понедельник, 05 Июля 2010 г. 13:16 (ссылка)
Тут не только для тупых ....
Ответить С цитатой В цитатник
паганафора   обратиться по имени Понедельник, 05 Июля 2010 г. 13:24 (ссылка)
могу тебе скинуть шпору, которой я пользуюсь для оформления постов в лире,
но она в комментах криво встаёт и конечно не каждая блонди в ней разберётся)))

хотел адаптировать её для всеобщего использования но лень))

Стили текста:
ВИД:
пример
пример
пример
пример
пример
пример

пример
пример пример
(верхний регистр)
(нижний регистр)

пример
пример
пример
пример
пример
пример
пример
пример

ПОВЕДЕНИЕ:
пример
пример
пример пример пример пример пример пример
пример пример пример

пример п
пример пример

пример
пример
прячет_текст
отсуп первой строки

ПОЛОЖЕНИЕ:
пример
пример

——— горизонтальное:
пример
пример
пример
п   р   и    м   е    р
——— вертикальное:
пример
пример
пример
пример
пример
припример
припример
припример
  ПОЛОЖЕНИЕ ПОВЕДЕНИЕ ВИД
Стили рамок:

dotted

dashed

solid

double

groove

ridge

inset

outset

White                #FFFFFF
Gray                 #808080
Black                #000000
Red                  #FF0000
Orange               #FFA500
Yellow               #FFFF00
Green                #008000
Skyblue              #87CEEB
Blue                 #0000FF
Purple               #800080
•по алфавиту•
Aliceblue            #F0F8FF
Antiquewhite         #FAEBD7
Aqua                 #00FFFF
Aquamarine           #7FFFD4
Azure                #F0FFFF
Beige                #F5F5DC
Bisque               #FFE4C4
Black                #000000
Blanchedalmond       #FFEBCD
Blue                 #0000FF
Blueviolet           #8A2BE2
Brown                #A52A2A
Burlywood            #DEB887
Cadetblue            #5F9EA0
Chartreuse           #7FFF00
Chocolate            #D2691E
Coral                #FF7F50
Cornflowerblue       #6495ED
Cornsilk             #FFF8DC
Crimson              #DC143C
Cyan                 #00FFFF
Darkblue             #00008B
Darkcyan             #008B8B
Darkgoldenrod        #B8860B
Darkgray             #A9A9A9
Darkgreen            #006400
Darkkhaki            #BDB76B
Darkmagenta          #8B008B
Darkolivegreen       #556B2F
Darkorange           #FF8C00
Darkorchid           #9932CC
Darkred              #8B0000
Darksalmon           #E9967A
Darkseagreen         #8FBC8F
Darkslateblue        #483D8B
Darkslategray        #2F4F4F
Darkturquoise        #00CED1
Darkviolet           #9400D3
deeppink             #FF1493
Deepskyblue          #00BFFF
Dimgray              #696969
Dodgerblue           #1E90FF
Firebrick            #B22222
Floralwhite          #FFFAF0
Forestgreen          #228B22
Fuchsia              #FF00FF
Gainsboro            #DCDCDC
Ghostwhite           #F8F8FF
Gold                 #FFD700
Goldenrod            #DAA520
Gray                 #808080
Green                #008000
Greenyellow          #ADFF2F
Honeydew             #F0FFF0
Hotpink              #FF69B4
Indianred            #CD5C5C
Indigo               #4B0082
Ivory                #FFFFF0
Khaki                #F0E68C
Lavendar             #E6E6FA
Lavenderblush        #FFF0F5
Lawngreen            #7CFC00
Lemonchiffon         #FFFACD
Lightblue            #ADD8E6
Lightcoral           #F08080
Lightcyan            #E0FFFF
Lightgoldenrodyellow #FAFAD2
Lightgreen           #90EE90
Lightgrey            #D3D3D3
Lightpink            #FFB6C1
Lightsalmon          #FFA07A
Lightseagreen        #20B2AA
Lightskyblue         #87CEFA
Lightslategray       #778899
Lightsteelblue       #B0C4DE
Lightyellow          #FFFFE0
Lime                 #00FF00
Limegreen            #32CD32
Linen                #FAF0E6
Magenta              #FF00FF
Maroon               #800000
Mediumauqamarine     #66CDAA
Mediumblue           #0000CD
Mediumorchid         #BA55D3
Mediumpurple         #9370D8
Mediumseagreen       #3CB371
Mediumslateblue      #7B68EE
Mediumspringgreen    #00FA9A
Mediumturquoise      #48D1CC
Mediumvioletred      #C71585
Midnightblue         #191970
Mintcream            #F5FFFA
Mistyrose            #FFE4E1
Moccasin             #FFE4B5
Navajowhite          #FFDEAD
Navy                 #000080
Oldlace              #FDF5E6
Olive                #808000
Olivedrab            #688E23
Orange               #FFA500
Orangered            #FF4500
Orchid               #DA70D6
Palegoldenrod        #EEE8AA
Palegreen            #98FB98
Paleturquoise        #AFEEEE
Palevioletred        #D87093
Papayawhip           #FFEFD5
Peachpuff            #FFDAB9
Peru                 #CD853F
Pink                 #FFC0CB
Plum                 #DDA0DD
Powderblue           #B0E0E6
Purple               #800080
Red                  #FF0000
Rosybrown            #BC8F8F
Royalblue            #4169E1
Saddlebrown          #8B4513
Salmon               #FA8072
Sandybrown           #F4A460
Seagreen             #2E8B57
Seashell             #FFF5EE
Sienna               #A0522D
Silver               #C0C0C0
Skyblue              #87CEEB
Slateblue            #6A5ACD
Slategray            #708090
Snow                 #FFFAFA
Springgreen          #00FF7F
Steelblue            #4682B4
Tan                  #D2B48C
Teal                 #008080
Thistle              #D8BFD8
Tomato               #FF6347
Turquoise            #40E0D0
Violet               #EE82EE
Wheat                #F5DEB3

>&#62
<&#60
"&#34
&&#38
#&#35
&nbsp;&nbsp;
3-я колонка
   % px pt   
Ответить С цитатой В цитатник
Rost   обратиться по имени Понедельник, 05 Июля 2010 г. 13:31 (ссылка)

Ответ на комментарий паганафора

А ты не можешь из этого комментария пост сделать? А то я даже процитировать не могу :(
Ответить С цитатой В цитатник
kshushlin   обратиться по имени Понедельник, 05 Июля 2010 г. 13:41 (ссылка)

Ответ на комментарий Rost

Странно .. Я вроде процитировал ?
Ответить С цитатой В цитатник
Rost   обратиться по имени Понедельник, 05 Июля 2010 г. 15:21 (ссылка)

Ответ на комментарий kshushlin

А ты посмотри, что ты процитировал.
Ответить С цитатой В цитатник
Kalambina_Gerber   обратиться по имени Понедельник, 05 Июля 2010 г. 15:22 (ссылка)
спасибо
(443x243, 114Kb)
Ответить С цитатой В цитатник
kshushlin   обратиться по имени Понедельник, 05 Июля 2010 г. 15:24 (ссылка)

Ответ на комментарий Rost

Ха . Однако ...
Точнее то не посмотрел .
Ответить С цитатой В цитатник
Rost   обратиться по имени Понедельник, 05 Июля 2010 г. 15:26 (ссылка)

Ответ на комментарий kshushlin

"Социализм - это учёт и контроль".
Ну или "доверяй, но проверяй".
Ответить С цитатой В цитатник
kshushlin   обратиться по имени Понедельник, 05 Июля 2010 г. 15:29 (ссылка)

Ответ на комментарий Rost

Точно ..
Ответить С цитатой В цитатник
паганафора   обратиться по имени Понедельник, 05 Июля 2010 г. 16:10 (ссылка)

Ответ на комментарий Rost

Исходное сообщение Rost
А ты не можешь из этого комментария пост сделать? А то я даже процитировать не могу :(


какой это пост??
вот когды доделаю выложу)))
а так это только для понимающих)))
но все стили проверенны собственноручно)))
тут собраны все которые лира корректно во всех браузерах показывает))
Ответить С цитатой В цитатник
тая_кудрявая   обратиться по имени Понедельник, 05 Июля 2010 г. 19:10 (ссылка)
СПАСИБО!!!!
Ответить С цитатой В цитатник
Rele_Vremeni   обратиться по имени Вторник, 06 Июля 2010 г. 05:08 (ссылка)
Cпасибо!
Ответить С цитатой В цитатник
СветланаХ   обратиться по имени Вторник, 06 Июля 2010 г. 07:18 (ссылка)
Тут подпись картинки

(333x500, 61Kb)
Ответить С цитатой В цитатник
MultiMazurka   обратиться по имени Вторник, 06 Июля 2010 г. 08:09 (ссылка)
Однако. тупее. нежели я, никого не знаю: проштудирова,. ничего не поняла. в чем признаюсь. а потому полезу все изучать с начала поста. На 100=й раз может и соображу. Спасибо!
Ответить С цитатой В цитатник
Rost   обратиться по имени Вторник, 06 Июля 2010 г. 08:13 (ссылка)

Ответ на комментарий MultiMazurka

А кто-то говорил, что это - информация для всех?
Это - не рецепт курицы в карри. Тут кое-что уметь надо.
Ответить С цитатой В цитатник
Фима-Собак   обратиться по имени Вторник, 06 Июля 2010 г. 08:50 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
chernichka009   обратиться по имени Вторник, 06 Июля 2010 г. 09:52 (ссылка)
Ответить С цитатой В цитатник
Медведица_Большая   обратиться по имени Вторник, 06 Июля 2010 г. 10:07 (ссылка)
скажите где вставить код музыки
Ответить С цитатой В цитатник
Rost   обратиться по имени Вторник, 06 Июля 2010 г. 10:08 (ссылка)
Исходное сообщение obloko
скажите где вставить код музыки

Лучше это сделать в сообщении.
Ответить С цитатой В цитатник
Rost   обратиться по имени Вторник, 06 Июля 2010 г. 10:26 (ссылка)
Исходное сообщение obloko
скажите где вставить код музыки

Наконец пноял, что вы спрашивали.
Вот описание:
http://www.aliveinternet.ru/post127205062/
Ответить С цитатой В цитатник
Комментировать — К дневнику — Страницы: [1] 2 3 4 [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку


О проекте