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


УРОК - Как составлять разрезную рамочку 06-09-2023 12:25 к комментариям - к полной версии - понравилось!

Это цитата сообщения Millena-Li Оригинальное сообщение

УРОК - Как составлять разрезную рамочку - The lesson "How to make the split frame"

ВОТ ФОРМУЛА ОБЫЧНОЙ РАЗРЕЗНОЙ РАМОЧКИ

<center><table border="0" background="ВАША КАРТИНКА 1" cellpadding="0" cellspacing="0" height="РАЗМЕР В ВЫСОТУ" width="РАЗМЕР В ШИРИНУ"> <tr><td></td></tr></table><table border="0" background="ВАША КАРТИНКА 2" cellpadding="0" cellspacing="0" height="РАЗМЕР В ВЫСОТУ" width="РАЗМЕР В ШИРИНУ"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="РАЗМЕР В ШИРИНУ"><center><font face="ВЫБИРАЕМ ШРИФТ" color="ВЫБИРАЕМ ЦВЕТ" style="font-size:РАЗМЕР ШРИФТАpx"><i><b>Здесь будет ваш текст...</b></i></font></center></td></tr></table></td></tr></table><table border="0" background="ВАША КАРТИНКА 3" cellpadding="0" cellspacing="0" height="РАЗМЕР В ВЫСОТУ" width="РАЗМЕР В ШИРИНУ"><tr><td></td></tr></table></center>

 

 

ВАША КАРТИНКА:

К примеру, я взяла работу нашей Натушки (Nata-Leoni)

KOLLAZ-Nata-Leoni300.jpg

с помощью некоторой манипуляции, я создала будущую картинку к рамочке

5778096_smokeNataLeoni (631x700, 344Kb)

После этого мне надо картинку разрезать на 3 части

1 Выделяю границу по ширине и высоте картинки

5778096_1_kartinka (700x545, 85Kb)

затем нажимаю на Сtrl+ X - картинка исчезла и опять ее вставляю через Ctrl + V, получив таким образом новый слой.

Затем с помощью инструмента РАМКА - , обозначаю границы второй картинки - КАДРИРОВАТЬ и нажимаю на ENTER (ВВОД) на клавиатуре

5778096_Screenshot_12_1_ (700x544, 124Kb). 5778096_img13 (267x257, 60Kb)

Сохраняю на десктопе и определяю размер - 827 х 711  прямо на десктопе (мониторе)

5778096_Screenshot_4_2_ (363x204, 17Kb)

создали первую картинку

5778096_1 (700x601, 475Kb)

 

2. Теперь наступила очередь для картинки 2

Определяю область второй части картинки с нужными мне границами для текста, отключаю другие картинки, чтобы не мешали.5778096_Screenshot_5 (700x485, 69Kb)

Затем опять с помощью инструмента РАМКА (КАДРИРОВАТЬ), обозначаю границы второй картинки и нажимаю на ENTER (ВВОД) на клавиатуре и  сохраняю на десктопе

5778096_Screenshot_1_3_ (700x378, 19Kb)

Определяем размер второй картинки - 827 х 96. Все, со второй частью тоже разобрались

вот, что получилось

5778096_smokeNataLeoni_2 (700x81, 28Kb)

3. Третья уже и так готова, опять выделяем ее через инструмент РАМКА (КАДРИРОВАТЬ) - нажимаем на клавиатуре ENTER и сохранем, дав имя - , скажем, 3. И ее размеры составляют  827 х 98

5778096_smokeNataLeoni_3 (700x82, 65Kb)

***

А теперь собираем. Для начала каждую картинку надо сохранить на сервере. Я, для примера, заливаю на wampi все три картинки закачала и теперь нажимаю на 1 картинку в полный размер и сохраняю через меню - у ОПЕРЫ - КОПИРОВАТЬ АДРЕС ИЗОБРАЖЕНИЯ, У МОЗИЛЫ - КОПИРОВАТЬ ССЫЛКУ НА ИЗОБРАЖЕНИЕ.

Теперь открываем наши коды рамочки и URL первой картинки вставляем  внутри скобок - ВАША КАРТИНКА 1 - потом URL второй картинки и третьей. Не забываем указывать точные размеры наших частей. Отмечаем шрифт, скажем - Georgia и цвет - темно-сиий (не забываем перед цифрами поставить решетку. Внизу я напишу, как выбрать цвет

<center><table border="0" background="https://ic.wampi.ru/2021/04/22/smoke-Nata-Leoni_1.jpg" cellpadding="0" cellspacing="0" height="711" width="827"> <tr><td></td></tr></table><table border="0" background="https://ic.wampi.ru/2021/04/22/smoke-Nata-Leoni_2.jpg" cellpadding="0" cellspacing="0" height="96" width="827"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="827"><center><font face="Georgia" color="#0a2433" style="font-size:23px"><i><b>Здесь будет ваш  текст...</b></i></font></center></td></tr></table></td></tr></table><table border="0" background="https://ic.wampi.ru/2021/04/22/smoke-Nata-Leoni_3.jpg" cellpadding="0" cellspacing="0" height="98" width="827"><tr><td></td></tr></table></center>

Все. Работа готова.

Код рамочки вставляем через ИСТОЧНИК

5778096_Screenshot_1_4_ (700x207, 56Kb)

получаем

5778096_Screenshot_11_1_ (637x700, 351Kb)

Теперь о цвете текста - цвет выбираем через Интернет - надо вбить - Безопасные цвета и коды - или типа того, я поступаю проще, в ФШ нажимаю на инструмент ЦВЕТ ФОНА - в политре ищу нужный фон и его код

5778096_Screenshot_2 (187x224, 6Kb) 5778096_Screenshot_3 (700x646, 109Kb)

ВсОООО!

Будут вопросы - пишите в комментах и, если не отвечаю долго - в личку.

Для иностранных друзей - перевод сделайте через ГУГЛ-ПЕРЕВОДЧИК.  Если не поймете - я потом правильно переведу нужное место.

вверх^ к полной версии понравилось! в evernote


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

Дневник УРОК - Как составлять разрезную рамочку | Juliana_S - Мир в котором я живу называется Мечтой... | Лента друзей Juliana_S / Полная версия Добавить в друзья Страницы: раньше»