Как использовать формулу разрезной рамочки)))

Вторник, 20 Сентября 2016 г. 13:08 + в цитатник

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

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

Как использовать формулу разрезной рамочки)))Урок для новичков...

По просьбе ПЧ решила сделать этот пост.
Здесь я расскажу ,как после того ,как вы сделали и загрузили
на фотохостинг свои детали рамочки, можно поставить их в формулу.
Урок как сделать рамочку в фотошопе я рассказывала
Здесь

1)Формулу на рамочку берём с окошка

2)Скопировав код нажимаем

3)И вставляем наш скопированный код:
Вот так выглядит наша формула в окошке для записей,
я выделила все те места куда мы будем вставлять коды рамочек,также изменим
цвет текста и размер нашего будущего текста,и вставим ссылку на ваш дневник.

4)Сделанную рамочку мы загрузили на фотохостинг,у нас их 3 части.
Я загружаю на Яндекс фотки,поэтому пока будем коды и размеры брать оттуда,
но принцип для всех хостингов тот же,куда вы загружаете свои детали рамочек.
Вот у нас изображение верхней части рамочки(Картинка№1)
Копируем ПКМ код и смотрим размеры рамочки в оригинале.

5)И вставляем вместо слов в формуле:
"Адрес картинки №1" ........ height="Высота картинки №1" width="Ширина рамки"

6)Тоже самое проделываем с деталями рамочки 2 и 3(Картинка-часть2 и картинка-часть 3)
Вот так выглядит наша формула:

7)Теперь изменим цвет нашего текста
Коды цветов можно взять :

Здесь

Или можно взять в программе Фотошоп:

8)И поставим размер для будующего текста,он не должен превышать ширины рамочки,и учитывайте узоры и декор который находится возле края рамочки.
Я поставила цифру 650,т.к ширина моей рамочки 700px.
Вот так сейчас выглядит наша формула:

9)Теперь можете изменить размер шрифта и сам шрифт,который вы можете взять для примера Здесь

10)Теперь вместо слов
ССылка на ваш блог">Ваша подпись
Вставляете вашу ссылку на блог и ваш Ник

Ну вот собственно и всё,если вас всё устраивает жмём на сохранить(в черновик или опубликовать)
Надеюсь вам было всё понятно и понравилось)))
Если возникли вопросы,обращайтесь ,отвечу с удовольствием.
Прошу прощенья у всех ПЧ,что с опозданием ответила на их просьбу....
Вот наша рамочка,которую мы делали в этом уроке.

ВАШ ТЕКСТ

Рамочка от SemIra

Беря код рамочки из окошечка,цитируйте,вам не сложно,а мне приятно.
Код рамочки

<center><table border="0" background="//img-fotki.yandex.ru/get/6708/131624064.46c/0_c635b_4bf18860_XL.png" cellpadding="0" cellspacing="0" height="451" width="700"> <tr><td><a target="_blank" href="http://blogs.mail.ru/mail/box1958"><img src="//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width="3" height="3" border="0" /></a> </td></tr></table><table border="0" background="//img-fotki.yandex.ru/get/9353/131624064.46c/0_c635c_efc5401_XL.png" cellpadding="0" cellspacing="0" height="93" width="700"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="650"><center> <em><strong><span style="color: #2b0804"><span style="font-size: 22px;"><span style="font-family: Georgia">    ВАШ ТЕКСТ <br /> </span></span></span> </strong></em> </center></td></tr></table> </td></tr></table><table border="0" background="//img-fotki.yandex.ru/get/9316/131624064.46c/0_c635d_e8f9337f_XL.png" cellpadding="0" cellspacing="0" height="171" width="700"><tr><td><center><a target="_blank" href="//www.liveinternet.ru/users/semenova_irina/">Рамочка от SemIra<br /><br />
</a></center> </td></tr></table><br /><br />
</center>

Серия сообщений "УЧИМСЯ ДЕЛАТЬ РАМОЧКИ":
Часть 1 - Шаблоны рамок
Часть 2 - ФОРМУЛЫ РАМОЧЕК
...
Часть 32 - Совет по кодам для разрезных рамочек ФШ
Часть 33 - Урок как сделать закругления по краям и "кармашки"
Часть 34 - Как использовать формулу разрезной рамочки)))
Часть 35 - Фоновое изображение в рамке. Часть 1
Часть 36 - Стильные рамки (блоки)
Часть 37 - Рамочки с закруглёнными углами
Часть 38 - Красивый текст для блога