Серия сообщений "Делаем рамки,комментики сами":
Часть 1 - Урок изготовления рамочки для текста
Часть 2 - Делаем очень красивую рамочку для текста за 5 минут
Часть 3 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 4 - ДЕЛАЕМ ОКОШКО ДЛЯ КОДА.
Часть 5 - Добавляем музыку в рамочку
Часть 6 - Урок 2. СДЕЛАЕМ ПРОСТУЮ РАМОЧКУ ИЗ 3-х СЛОЕВ.
Часть 7 - Урок 3. Делаем вместе простую рамочку из 4-х слоев
Часть 8 - Как сделать окошко для кодов?
Часть 9 - Формулы для обычных рамочек, общие для Ли.ру и Блогов Мэйл.ру
Часть 10 - рамочка только вставить фон
Часть 11 - Коллекция бесшовных фонов...
Часть 12 - формулы рамок
Часть 13 - Урок по созданию красивой рамочки от MissKcu
Часть 14 - Учимся сами делать свои рамочки.
Часть 15 - Как сделасть простую рамочку, подоходящую по дизайну к вашей страничке
Часть 16 - УРОК = УЧИМСЯ ДЕЛАТЬ РАМОЧКИ В ФОТОШОП 3
Часть 17 - Как создать простую рамочку в дневнике и превратить ее в открытку
Часть 18 - Делаем простую рамочку в Эдитор!!!
Часть 19 - Как своими руками сделать рамку в "Рамочнике".
Часть 20 - РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА
Часть 21 - МОЙ УРОК. КАК ДЕЛАТЬ РАМКИ В РАМОЧНИКЕ
Часть 22 - заготовки для комментиков,цитат
Часть 23 - Работа с рамками...
Часть 24 - Объемные рамки разной конфигурации. Без фотошопа!
Часть 25 - Учимся делать рамку в 3 слоя.
Часть 26 - большой выбор красивых заготовочек для комментариев,цитат,поздравлений
Часть 27 - как сделать рамочку
Часть 28 - сделать рамку вокруг текста
Часть 29 - Дизайн сообщений днева с принтскрином
Часть 30 - Как вставить код любого изображения в аккуратную рамку (урок)
Часть 31 - Рамки с объемным фоном без фотошопа!
Часть 32 - Рамочки с закруглёнными углами
Часть 33 - Стильные рамки (блоки)
Часть 34 - Рамочки с разными краями
Часть 35 - Рамки, украшенные картинкой
Часть 36 - Набор цветных окошек для кодов

Выбрана рубрика Делаем рамки,комментики сами.

Соседние рубрики: Шрифты, генераторы, подбор цвета(64), Фотошоп(107), Фоны,схемы,эпиграфы.(125), Уроки(192), рамочки текстовые(219), Рамочки разные(490), Рамочки поздравительные(31), Рамочки кулинарные(68), Рамочки для видео(8), Разделители, кнопки "далее", курсоры(60), Разделители(20), Плееры, часики(28), Открытки с Пасхой, вербным воскресеньем, чистым че(7), Новый Год, Рождество, Крещение(180), Красивые открытки, картинки, смайлики,анимации,фут(83), Комментарии(215), Клипарт(177), Бродилки(56)

Другие рубрики в этом дневнике: ЮМОР И РАЗВЛЕЧЕНИЯ(289), ЭТО МОЖЕТ ПРИГОДИТЬСЯ(1274), Трудимся для красоты и фигуры(422), РУКОДЕЛИЕ(26), РЕЦЕПТЫ КРАСОТЫ, ЗДОРОВЬЯ, ОМОЛОЖЕНИЯ(2100), ПСИХОЛОГИЯ, ЭЗОТЕРИКА, МИСТИКА, ПРАКТИКИ(937), Общение, поздравления.(22), Мои творения(138), МАГИЯ(1895), КУЛИНАРНЫЕ РЕЦЕПТЫ(2136), Красота планеты(373), КРАСИВЫЕ МЫСЛИ, СТАТЬИ, СТИХИ(1096), КРАСИВАЯ МУЗЫКА(387), ДОМ, ДАЧА, УЮТ(250), Вязание(311), ВСЕЛЕННАЯ И МЫ(1039), ВСЕ ДЛЯ БЛОГА. РАБОТЫ ДРУЗЕЙ.(2048), ВИДЕО(134)

Рамки с объемным фоном без фотошопа!

Суббота, 01 Сентября 2018 г. 18:13 + в цитатник
Это цитата сообщения Егорова_Таня [Прочитать целиком + В свой цитатник или сообщество!]

Рамки с объемным фоном без фотошопа!

РАМКИ С ОБЪЕМНЫМ ФОНОМ

Не так давно здесь и здесь я давала уроки как делать без фотошопа рамки с круглыми углами и тенью. Сегодня даю небольшое дополнение к предыдущим урокам. Расскажу как сделать объемно-выпуклым центральный фон и вообще любой фон в рамке. Сравните. Рамка А без эффекта объема, рамка Б с таким эффектом и рамка В с усиленным эффектом.

РАМКА А

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

Егорова Татьяна

РАМКА Б

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

Егорова Татьяна

РАМКА В

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

Егорова Татьяна

Можно сделать рамку и с прямыми углами

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

Егорова Татьяна

Эффект круглых углов виден в браузерах Google Chrome, Mozilla Firefox. В Internet Explorer рамка будет отражаться как обычная с прямыми углами. В других не знаю. Я дам "скелетик" кода такой рамки, чтобы подставляя свои фоны и параметры, вы могли без особого труда собрать свою рамочку и объясню как им пользоваться.

Читать далее...

Метки: делаем рамочки

Рамочки с закруглёнными углами

Воскресенье, 14 Октября 2018 г. 21:18 + в цитатник
Это цитата сообщения Юлия_Гурбер [Прочитать целиком + В свой цитатник или сообщество!]

Рамочки с закруглёнными углами

Хотите за 5 минут собрать простенькую, но очень симпатичную рамку
для текста? Например, такую:

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

Или такую:

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

Тогда смотрим и берём на заметку.
Смотрим дальше

Метки: делаем рамочки

Стильные рамки (блоки)

Воскресенье, 14 Октября 2018 г. 21:19 + в цитатник
Это цитата сообщения Юлия_Гурбер [Прочитать целиком + В свой цитатник или сообщество!]

Стильные рамки (блоки)

Недавно заинтересовалась CSS (Cascading Style Sheets) — каскадные таблицы стилей.
Можно ли, не будучи веб-дизайнером, научиться разбираться в этом сложном наборе
параметров? Для чего? Ну, хотя бы для того, чтобы с помощью языка CSS создавать
блоки (рамочки), где будут размещаться текст, картинки или что нашей душе угодно.
Поэкспериментировала с кодами и получила вот такие стильные, лёгкие блоки.

Под каждым стоит его код. Можно менять размер (атрибут width: 650px), цвет фона,
обводок, чтобы получить разные по цветовому исполнению блоки.
Обозначение цвета: #ABEDF7, просто оставляем решётку #, убираем ABEDF7,
и ставим свой цвет.

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

Ваша подпись

Смотрим дальше

Метки: делаем рамочки

Рамочки с разными краями

Пятница, 16 Ноября 2018 г. 14:29 + в цитатник
Это цитата сообщения ka82 [Прочитать целиком + В свой цитатник или сообщество!]

Рамочки с разными краями

Чтобы видеть как получается сразу: https://ida-freewares.ru/see-html.html
Цветовая палитра https://www.liveinternet.ru/users/ka82/post98160799/

ВАШ ТЕКСТ 1

ВАШ ТЕКСТ 2

Смотрим и выбираем
>>>>>>>

Метки: делаем рамочки

Рамки, украшенные картинкой

Среда, 07 Июля 2021 г. 13:12 + в цитатник
Это цитата сообщения Юлия_Гурбер [Прочитать целиком + В свой цитатник или сообщество!]

Рамки, украшенные картинкой

С помощью CSS можно сделать вот такие лёгкие симпатичные рамки с картинкой слева, либо справа от текста.
Не буду вдаваться в подробности, как их собрать с нуля, а поясню самое необходимое. Под каждой рамкой стоит готовый код шаблона.

Ваша картинка будет располагаться слева от текста. При заполнении рамки текстом последний будет обтекать картинку. Если картинка большого размера, то и запись должна быть объёмной, иначе часть изображения выпадет за границы рамки, поскольку за разворот рамки отвечает именно текст.

Ваша подпись

Смотрим дальше

Метки: делаем рамочки

Набор цветных окошек для кодов

Среда, 07 Июля 2021 г. 13:14 + в цитатник
Это цитата сообщения Юлия_Гурбер [Прочитать целиком + В свой цитатник или сообщество!]

Набор цветных окошек для кодов

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

<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Bisque; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Hotpink; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Khaki; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Pink; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД
<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Powderblue; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Lightgreen; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Plum; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Aquamarine; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД
<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Darkseagreen; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Gainsboro; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Coral; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Darkkhaki; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД
<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Darkgray; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Navajowhite; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Palegreen; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Yellow; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД
<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Burlywood; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Thistle; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Palegoldenrod; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Sandybrown; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД
<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Greenyellow; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Goldenrod; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Salmon; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Springgreen; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД
<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Violet; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: YellowGreen; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Gold; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Paleturquoise; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД

Разъяснения по использованию

Метки: делаем рамочки

Страницы:

4 3 2 [1]

LiveInternetLiveInternet

-Метки

-Рубрики

-Музыка

-Всегда под рукой

-Я - фотограф

Еще немного летней красоты

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

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

-Трансляции

-Статистика

Рамки с объемным фоном без фотошопа!

Рамочки с закруглёнными углами

Стильные рамки (блоки)

Рамочки с разными краями

Рамки, украшенные картинкой

Набор цветных окошек для кодов