• Авторизация


Делаем рамки 29-06-2009 10:09 к комментариям - к полной версии - понравилось!


Для начала нужно найти рисунок будущей рамки.
[400x526]
Для того что бы не приходилось менять размер рамки в зависимости от того что мы в ней разместим ( фотку или текст ), разобьем рисунок рамки на 8 одинаковых по размеру частей.
[400x480]

В результате получим 8 маленьких рисунков.

Верхний левый угол ul (27x30, 1Kb) ; Верхняя часть рамки u (27x30, 1Kb); Верхний правый угол ur (27x30, 1Kb);
Левая часть рамки l (27x27, 1Kb); Правая часть рамки r (27x27, 1Kb);
Нижний левый угол dl (27x30, 1Kb); Нижняя часть рамки d (27x30, 1Kb); Нижний правый угол dr (27x30, 1Kb)

Теперь нужно сделать таблицу 3х3


Что бы не загромождать код я вместо кода картинок в стиле background прописал цифры 1,2,3,4,5,6,7,8.
Когда вы зальете в дневник все 8 частей рамки вам останется вместо цифр подставить коды рисунков.
В моем случаее вместо 1 нужно прописать
( код рисунков виден при редактировании сообщения в простом редакторе)
Размеры ячеек таблицы width - ширина, height - высота должны соответствовать размерам рисунков частей рамки.
Из-за того что лиру думает за нас :), возможно прийдется подбирать размеры ячеек что бы не было разрывов рамки.
Для таблицы обязательно должно быть прописано border="0" cellpadding="0" cellspacing="0"!

И вот что получилось :)
Ваш текст или фотка или текст и фотка :)))



И напоследок ....сделать код в дневнике "повеселее" можно вот так


cols = ширина блока
rows - высота блока
background-color - цвет фона ( можно добавить color: #000000; - цвет текста )
border - вид рамки ( solid ), ширина рамки ( 1px ) и цвет рамки ( #0000f0 )
overflow - скрывать все что не помещается в блок
вверх^ к полной версии понравилось! в evernote
Комментарии (29):
Inmira 29-06-2009-10:14 удалить
Умничка))) Спасибо)))))))))))))))))))))))))))
Ответ на комментарий Великовозрастное_дитя # Классно ! Спасибко! Еще над этим помучаюсь...)))
Бархатная_шляпка, зачем мучаться Попробуй и увидишь что в этом нет ничего сложного!
Iryna_Kohl 29-06-2009-21:12 удалить
Огромнейшее спасибо за науку! Попробую! Беру в цитатник! [277x307]
LebWohl 30-06-2009-00:44 удалить
Спасибо большое за урок,попробую.
30-06-2009-08:24 удалить
Хорошая рамка. Нет ли у тебя программы фотошоп
papatya83 30-06-2009-08:50 удалить
да, я сама такой вариант еще не видела, молодец !!
Inmira 30-06-2009-08:56 удалить
Ответ на комментарий # Зуфар_Ту, погугли, - тыркаем. Тут точно есть, только выбирать надо.
Зуфар_Ту, я фотошопом не пользуюсь. Есть замечательная, бесплатная программа GIMP :)
Эйслинн 20-07-2009-10:08 удалить
Ответ на комментарий Великовозрастное_дитя # Я тоже установила GIMP, но кроме бесшовных фонов делать ничего не умею. Буду очень благодарна за любую помощь. Спасибо!
Скрытые_желания, русскоязычное общество gimp http://gimper.ru/. Много всего полезного. Может пригодится
Большое спасибо за урок!!!!!Красиво получилось!!!!! [показать]
оксяня 05-03-2013-04:43 удалить
Спасибо за урок,буду изучать. [показать]
Mono-Liza 03-11-2014-11:15 удалить
Спасибо большое! Так это в Гимпе или в ФШ разбивать?
Сулия 03-11-2014-11:23 удалить
Прелесть, спасибо!
Спасибо, попробуем разобраться!
Biryusinka 06-11-2014-02:54 удалить
Благодарю за очаровательный урок. Удачи!


Комментарии (29): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Делаем рамки | Великовозрастное_дитя - Дневник Великовозрастное_дитя | Лента друзей Великовозрастное_дитя / Полная версия Добавить в друзья Страницы: раньше»