Пост для желающих научиться делать свои рамочки.

Суббота, 11 Февраля 2023 г. 05:21 + в цитатник

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

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

Пост для желающих научиться делать свои рамочки.

Здесь будет ваш текст

Делаем рамочку вместе со мной.
1.Копируем в черновик содержимое из окна.

2. Убираем бордюры (2 заменяем нулем)
3.Рамочка четырехслойная, но первый и третий фон одинаковые. Предлагаю свои фоны.
Первый: https://img0.liveinternet.ru/images/attach/d/3/158/208/158208160_f1.gif
Второй: //img1.liveinternet.ru/images/attach/d/3/159/383/159383449_kf.png
Четвертый: //img0.liveinternet.ru/images/attach/d/3/159/383/159383426_vos.jpg
Заменяем в скелетике адреса фонов на предложенные.
4.Первый отступ от края берем небольшим, я взяла 4px, следующий 40px, потом снова 4px, а потом 11px
5.Смотрим на нашу рамочку

СОДЕРЖИМОЕ РАМКИ

6.Найденная в интернете картинка имеет ширину 660px, поэтому ширину фона для записи берем 660.
Я всё для постов беру через прикрепленные файлы. Адреса картинки и разделителя привожу свои:
Адрес картинки: //img0.liveinternet.ru/images/attach/d/3/158/957/158957406_sz2.gif
Адрес разделителя: https://img1.liveinternet.ru/images/attach/d/3/157/86/157086467_s5.gif
Разделитель можно считать картинкой, его ширина у меня 400px
7.Беру текст из окошка и дважды вставляю в полученную рамочку на место текста СОДЕРЖИМОЕ РАМКИ.
В первом случае указываю адрес картинки, во втором адрес разделителя. Ширина у каждого своя.

8.Смотрим на результат выполненных действий.

Осталось отформатировать текст, который мы собираемся разместить после разделителя.
9.После разделителя в коде рамочки ставим переход на новую строку, а потом код из окна.

ВСЁ!!! РАМОЧКА ГОТОВА!!!!!!

Серия сообщений "Делаем рамки":
Часть 1 - Делаем рамки
Часть 2 - Рамки с помощью тега FIELDSET
...
Часть 33 - Урок - Стеклянная рамочка
Часть 34 - Урок рамка фотошоп с картинкой. в Photoshop CS5
Часть 35 - Пост для желающих научиться делать свои рамочки.