-Цитатник

88 секретов и советов по работе с Adobe Photoshop - (0)

88 секретов и советов по работе с Adobe Photoshop 1. Нажмите Tab, чтобы скрыть панель инструм...

Полезные ссылки. - (0)

полезные ссылки Предлогаю ссылочки,нужные и полезные для оформления блога и не только.Этими...

Часто применяемые формулы HTML для вашего блога. - (0)

Часто применяемы формулы HTML для вашего блога   ...

Разделители с кодами. - (0)

Разделители Vovkin <img src=" //img1.liveinternet.ru/images/attach/c/1//49/954...

Разделители для текста горизонтальные - (0)

Разделители для текста горизонтальные ...

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

Поиск сообщений в alekcei451

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

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 17.12.2010
Записей: 38
Комментариев: 5
Написано: 47

Создание простой рамочки с избражением внутри

Четверг, 06 Января 2011 г. 21:59 + в цитатник
Это цитата сообщения Sheree [Прочитать целиком + В свой цитатник или сообщество!]

Создание простой рамочки с избражением внутри

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


 (343x392, 12Kb)
ВАШ

Т Е К С Т
Sheree

 

Вот скрин кода этой рамочки:


 

Зеленым подчеркнут код картинки для внешней рамочки (в нашем случае это сине-бежево-фиолетовое точечное)

Синим подчеркнут код картинки, которая находится внутри рамочки (в нашем случае это нежно-лиловый шелковый фон)

Красным подчеркнут код картинки с зайцем, его положение в рамочке (справа или слева), его размеры (width - ширина, height - высота), которые надо менять и в скобочках тоже.

Оранжевым подчеркнута ссылка на мой дневник и то написание, которое будет отображаться во внешней рамочке. Это надо заменить на свои данные.

А вот и код этой же рамочки, который вы можете себе скопировать и использовать как шаблон:

1 Шаг - Для создания своей рамочки необходимо подобрать фоны и картинку для рамочки (она не должна быть очень большой - таких параметров как у меня вполне достаточно)

2 Шаг - Необходимо загрузить поочередно выбранную графику на какой-нибудь хостинг картинок (я обычно использую Радикал)

3 Шаг - необходимо скопировать поочередно ПЕРВУЮ ссылку и заменить ее в моем примере

Собственно и все!

Удачи Вам и творческих успехов. если будут вопросы - задавайте )
-------------------------------- 
Оdessa apartments - аренда комфортабельных квартир в Одессе без посредников


Метки:  

 Страницы: [1]