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

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

Сегодня научу, как делать вот такую конструкцию:
Кнопка «Самоучитель по ЛиРу»


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



Толщина рамки
Может определятся в пикселях (например: "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="200") должен совпадать с размером рамки ("width: 200px"). Ну, или по крайней мере быть не меньше.

Кстати, в рамки можно вставлять не только картинки.
Например:
Чайф и Николай Фоменко — «Прощай детка, детка прощай»








LI 5.09.15
Метки:  

Аноним   Понедельник, 05 Июля 2010 г. 13:18 (ссылка)
спасибо может когда нибудь дойдут руки и до фотошопа А пока в закладки положу
      |    Не показывать комментарий
Rost   Понедельник, 05 Июля 2010 г. 13:20 (ссылка)

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

А можно узнать, а причём тут фотошоп?
  
sophy-catherine   Понедельник, 05 Июля 2010 г. 16:14 (ссылка)
прекрасно — взяла себе код
  
Зиновия   Понедельник, 05 Июля 2010 г. 21:33 (ссылка)
Спасибо, я люблю читать Ваши уроки.
  
sharm   Вторник, 06 Июля 2010 г. 10:44 (ссылка)
http://www.pozdravlyalki.narod.ru/anim.html
  •   
    СВЕТЛЯЧОК_и_Ко   Вторник, 06 Июля 2010 г. 15:20 (ссылка)
    .
     (400x299, 125Kb)
      
    Rost   Вторник, 06 Июля 2010 г. 15:38 (ссылка)

    Ответ на комментарий СВЕТЛЯЧОК_и_Ко

     (200x50, 8Kb)