Серия сообщений "Рамочка для поста":Выбрана рубрика Рамочка для поста.
Часть 1 - Урок. Как сделать простую рамочку для текста
Часть 2 - Рамочки
Часть 3 - РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА
Часть 4 - Урок по созданию рамочек с разрывом от MissKcu
Часть 5 - Рамка с круглыми углами. Без фотошопа!
Часть 6 - РАЗРЕЗНАЯ РАМОЧКА С ПРИМЕНЕНИЕМ МАСКИ - УРОК
Часть 7 - РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА
Часть 8 - Делаем простую Рамку с двигающимся текстом
Часть 9 - УРОКИ по созданию рамочек
Часть 10 - Рамочки-уголки
Часть 11 - Делаем простую Рамку с двигающимся текстом.
Часть 12 - Для оформление постов
Часть 13 - Рамка ФОН-КАРТИНКА в формате пнг,клипарт
Часть 14 - образцы и формулы простых рамок (фон для текста с окантовкой)
Часть 15 - Код - скелет разрезной рамочки
Часть 16 - Образцы и формулы простых рамок (фон для текста с окантовкой)
Часть 17 - Делаем рамки
Часть 18 - Рамочка фигурная+КОД
Часть 19 - простая рамочка с выдавленной кромкой+ КОД
Часть 20 - Простая рамочка с выпуклой кромкой+КОД
Часть 21 - простая рамочка с двойной кромкой+КОД
Часть 22 - Рамочка с обводкой в виде кромки
Часть 23 - Набор простых рамочек+формула
Часть 24 - 10 прозрачных рамочек с обводкой+код
Часть 25 - Рамочка по формуле от мадам Ольга(прокрутка)+КОД
Часть 26 - Рамочки для текста
Часть 27 - Рамочки для текста
Часть 28 - Рамочки зелёные для текста
Часть 29 - Рамочки для текста
Часть 30 - Оформление постов
Часть 31 - Урок по рамочкам - составлен по просьбе
Часть 32 - Простые рамочки-обводки для текста
Часть 33 - Рамки оригинальные
Часть 34 - Обводка внутри рамки (блока)
Часть 35 - CssRound: округлые генератор угол CSS3-урок
Часть 36 - Стильные рамки (блоки)
Часть 37 - Генератор необычных рамочек
Часть 38 - Простая цветная рамка с закруглёнными краями за 5 минут
Часть 39 - Собираем фотошопную рамочку в рамочнике.
Часть 40 - Простые рамочки -2
Часть 41 - 12 простеньких рамочек для текста.
Часть 42 - Рамочки-шаблоны 468
Часть 43 - Рамочка для текста 448
Часть 44 - Рамочка для текста 429
Часть 45 - Рамочки для текста 423
Часть 46 - Рамочки для текста 411
Часть 47 - Простые рамки с заголовком
Часть 48 - ФОРМУЛА РАМОЧКИ с прокруткой
Часть 49 - Свой ПУТЬ / Patmos. Adagio
Часть 50 - рамочки для записей с белым фоном
Урок. Как сделать простую рамочку для текста |
|
Метки: лиру рамочка лиру |
Рамочки |
В заголовок также можно вставить все что угодно (фото, видео и др.). Достаточно прописать нужный код вместо фразы "Заголовок рамки".
Взято ЗДЕСЬ
Метки: рамки рамочка лиру |
РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА |
Многие спрашивают, как сделать рамочку с круглыми углами?
ЕгороваТатьяна уже разьясняла,как это делается: тут
Немного дополню её, в своём маленьком уроке
По просьбе посетителей моего дневника продемонстрирую,в небольшом уроке, как это сделать.
Рассотрим,из чего же состоит наша формула
Это часть нашей формулы, один "контейнер" (их может быть несколько)
<div style="box-shadow:12px 8px 7px #FF533E,18px -3px 2px #2D20FF,-2px -2px 17px #00D80F;border:5px inset #3F1D00;border-radius:50px;padding:10px;background-image:url('АДРЕС ВАШЕЙ КАРТИНКИ');width:50%;"><center><br />ВАШ ТЕКСТ<br /><br />
Контейнер состоит из атрибутов:
"div style" - блочный элемент стилей
"box shadow" - эффект тени (красная, синяя, зелёная...ставить на Ваше усмотрение)
"border" - эффект бордюра : inset - цвет эффекта бордюра(чёрно серый)
"border-radius" - радиус скругления углов
Радиус скругления углов,можно задавать как 1 значением (для всех улов),
2 значениями (для 2 углов по диагонали), так и 4 углов (для каждого угла)
"padding" - внутренний отступ в элементе
"background-image" - фоновая картинка (адрес фоновой картинки)
"width" - ширина рамки (может быть выражена в % или же в px)
могут встречаться атрибуты:
"-webkit-box-shadow" - для отображения в старых версиях браузера Chrome,
"-moz-box-shadow" - для отображения в старых версиях браузера Mozilla Firefox,
"box-shadow" - для отображения во всех остальных браузерах.
Метки: лиру рамочка лиру |
Урок по созданию рамочек с разрывом от MissKcu |
Серия сообщений "Мои уроки по Ли.ру":
Часть 1 - Урок создания прозрачного фона от MissKcu
Часть 2 - Как вставить разделители в пост. Урок от MissKcu
...
Часть 10 - Создаем кнопку-переход на свой блог
Часть 11 - Урок по написанию поста на Ли.ру от MissKcu
Часть 12 - Урок по созданию рамочек с разрывом от MissKcu
Часть 13 - Урок по созданию красивой рамочки от MissKcu
Часть 14 - Как изменить фон сообщений в понравившемся дизайне для днева.
...
Часть 19 - Как вставить Плейкаст в свой Дневник (блог на Привете). Урок от MissKcu
Часть 20 - Убираем стандартную схему
Часть 21 - Картинки с подписью и без. Урок от MissKcu
Метки: уроки по лиру рамочка лиру |
Рамка с круглыми углами. Без фотошопа! |
|
Метки: лиру рамки |
РАЗРЕЗНАЯ РАМОЧКА С ПРИМЕНЕНИЕМ МАСКИ - УРОК |
ВАШ ТЕКСТ... |
Метки: рамочки фотошоп разрезная рамочка |
РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА |
Многие спрашивают, как сделать рамочку с круглыми углами?
ЕгороваТатьяна уже разьясняла,как это делается: тут
Немного дополню её, в своём маленьком уроке
По просьбе посетителей моего дневника продемонстрирую,в небольшом уроке, как это сделать.
Рассотрим,из чего же состоит наша формула
Это часть нашей формулы, один "контейнер" (их может быть несколько)
<div style="box-shadow:12px 8px 7px #FF533E,18px -3px 2px #2D20FF,-2px -2px 17px #00D80F;border:5px inset #3F1D00;border-radius:50px;padding:10px;background-image:url('АДРЕС ВАШЕЙ КАРТИНКИ');width:50%;"><center><br />ВАШ ТЕКСТ<br /><br />
Контейнер состоит из атрибутов:
"div style" - блочный элемент стилей
"box shadow" - эффект тени (красная, синяя, зелёная...ставить на Ваше усмотрение)
"border" - эффект бордюра : inset - цвет эффекта бордюра(чёрно серый)
"border-radius" - радиус скругления углов
Радиус скругления углов,можно задавать как 1 значением (для всех улов),
2 значениями (для 2 углов по диагонали), так и 4 углов (для каждого угла)
"padding" - внутренний отступ в элементе
"background-image" - фоновая картинка (адрес фоновой картинки)
"width" - ширина рамки (может быть выражена в % или же в px)
могут встречаться атрибуты:
"-webkit-box-shadow" - для отображения в старых версиях браузера Chrome,
"-moz-box-shadow" - для отображения в старых версиях браузера Mozilla Firefox,
"box-shadow" - для отображения во всех остальных браузерах.
Метки: рамочка лиру |
Делаем простую Рамку с двигающимся текстом |
Метки: рамочки фотошоп рамочки с движущимся такстом |
УРОКИ по созданию рамочек |
УРОКИ по созданию рамочек
Метки: уроки по рамочкам фотошоп уроки по рамочкам рамочки |
Рамочки-уголки |
Метки: рамочки |
Делаем простую Рамку с двигающимся текстом. |
Метки: рамочки рамочка лиру |
Для оформление постов |
Метки: рамочка лиру |
Рамка ФОН-КАРТИНКА в формате пнг,клипарт |
Вот так эта рамка будет выглядеть. Вам только нужно подобрать КРАСИВУЮ картинку. Я вам даю КОД "СКЕЛЕТИК" —делайте рамку сами на свой вкус. В коде где написано:ФОН-КАРТИНКА —Вставляйте свою картинку.Загрузить на Лиру картинку можно через ОБЗОР.Берёте ССЫЛКУ НА КАРТИНКУ-всё то, что стоит внутри кавычек.И так же вставляете в КОД РАМКИ "СКЕЛЕТИКА",тоже внутрь кавычек. Посмотреть как картинку загрузить и найти её ссылку-код можно ЗДЕСЬ. Размеры картинки: -width="ШИРИНА" height="ВЫСОТА"- ставите свои. Найти картинки можно ЗДЕСЬ. В КОДЕ где написано ВАШ ТЕКСТ -пишите свой текст. В КОДЕ где написано ССЫЛКА НА ВАШ ДНЕВНИК и ВАШ НИК—Пишите свой НИК. Посмотреть как сделать ССЫЛКУ на ваш дневник можно ЗДЕСЬ. Успехов вам в вашем творчестве. |
Метки: рамочка лиру |
образцы и формулы простых рамок (фон для текста с окантовкой) |
Метки: формулы рамочки |
Код - скелет разрезной рамочки |
|
Метки: рамочки лиру |
Образцы и формулы простых рамок (фон для текста с окантовкой) |
Метки: рамочки лиру |
Делаем рамки |
Делаем рамки
Серия сообщений "Делаем рамки":
Часть 1 - Делаем рамки - серия уроков ФШ
Часть 2 - Золотая рамочка с фильтром Factory C в ФОТОШОПЕ
Часть 3 - ДЕЛАЕМ В ФШ РАМКУ С ЗАКРУГЛЕННЫМИ УГОЛКАМИ
Часть 4 - Рамка в ОДИН слой
Часть 5 - Делаем разрезную рамку в ФШ
Часть 6 - УЧИМСЯ ДЕЛАТЬ РАМКУ В ДВА СЛОЯ
Часть 7 - ДЕЛАЕМ РАМКУ В ЧЕТЫРЕ СЛОЯ
Часть 8 - ОТВЕТ ОППОНЕНТУ...))
Часть 9 - Учимся делать рамку в три слоя
Часть 10 - ДЕЛАЕМ РАМКУ В ШЕСТЬ СЛОЕВ
Часть 11 - ДЕЛАЕМ РАМКУ В ВОСЕМЬ СЛОЕВ
Часть 12 - Как вставить ПРОКРУТКУ в пост
Часть 13 - Делаем простую Рамку с двигающимся текстом
Часть 14 - Шаблоны рамок
Часть 15 - КАК СДЕЛАТЬ "ЗАСНЕЖЕННУЮ" РАМОЧКУ В ФШ
Часть 16 - Делаем ФШ разрезную рамку с обрамлением
Часть 17 - Делаем ФШ-рамку
Часть 18 - ЗАГИБАЕМ УГОЛОК
Часть 19 - Урок для КОРЕЛА "Monika"
Часть 20 - Урок - Рамочка многослойная в ФШ
Часть 21 - Учимся делать рамку для записи в 2 слоя
Часть 22 - Урок "Рамочка сделанная в Фотошопе"
Часть 23 - УРОК = КАК Я ДЕЛАЮ РАЗРЕЗНУЮ РАМОЧКУ В ФОТОШОП
Часть 24 - Делаем ФШ рамку с помощью бордюрных масок
Часть 25 - УРОК =ОРИГИНАЛЬНАЯ РАМОЧКА=
Часть 26 - Урок "Как избежать деления рамочки ФШ при написании в ней текста"
Часть 27 - Делаем в ФШ рамку для видео
Часть 28 - Делаем "рваную" рамку
Часть 29 - Как сделать рамочку в ФШ (1-я ЧАСТЬ урока) - урок от Мираж
Часть 30 - Как сделать рамочку в ФШ (2-я ЧАСТЬ урока) - урок от Мираж
Часть 31 - Делаем ФШ рамку - видео-урок
Часть 32 - Делаем рамку в Корел
Часть 33 - Простая рамка для записи с часиками
Часть 34 - Урок как сделать закругления по краям рамки и "кармашки"
Часть 35 - Цветные рамочки для текста
Часть 36 - Простые рамки с заголовком
Часть 37 - Простые рамки с фоном
Часть 38 - Прерывистые рамки для текста
Часть 39 - КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру.
Часть 40 - Как сделать разрезную рамку в ФШ
Часть 41 - Коды для Мейла и ЛиРу
Часть 42 - Делаем разрезную рамку в ФШ
Серия сообщений "Для ЛиРу":
Часть 1 - КАК ВСТАВИТЬ ЭПИГРАФ
Часть 2 - Архивируем файлы и выставляем на Ли.ру
...
Часть 13 - Как получить ссылку на музыку?
Часть 14 - Что сделать, если у вас в блоге не играет музыка?
Часть 15 - Делаем рамки
Часть 16 - Как сделать схему для дневника, применяя одну фоновую картинку страницы
Часть 17 - Видео-урок: Работа со ссылками на лиру
...
Часть 42 - В ПОМОЩЬ НОВИЧКАМ НА ЛиРу
Часть 43 - Начинающим на ЛиРу
Часть 44 - ВОПРОСЫ И ОТВЕТЫ
Метки: рамки рамочки |
Рамочка фигурная+КОД |
Серия сообщений "***МОИ ФОРМУЛЫ":
Часть 1 - Рамочка с обводкой в виде кромки
Часть 2 - простая рамочка с выдавленной кромкой+ КОД
...
Часть 25 - РАМОЧКА многослойная...объемная+КОД
Часть 26 - Рамочка объемная с круглыми краями+КОД
Часть 27 - Рамочка фигурная+КОД
Часть 28 - Рамочка с объемным фоном+КОД
Часть 29 - Рамочка по формуле от мадам Ольга(прокрутка)+КОД
...
Часть 43 - ФОРМУЛа разрезной рамочки с анимацией...
Часть 44 - Простая объемная рамочка с отделкой внутри
Часть 45 - Картинка с анимашкой
Метки: рамки рамочки |
простая рамочка с выдавленной кромкой+ КОД |
Серия сообщений "***МОИ ФОРМУЛЫ":
Часть 1 - Рамочка с обводкой в виде кромки
Часть 2 - простая рамочка с выдавленной кромкой+ КОД
Часть 3 - Простая рамочка с выпуклой кромкой+КОД
Часть 4 - простая рамочка с двойной кромкой+КОД
...
Часть 43 - ФОРМУЛа разрезной рамочки с анимацией...
Часть 44 - Простая объемная рамочка с отделкой внутри
Часть 45 - Картинка с анимашкой
Метки: рамочки |
Простая рамочка с выпуклой кромкой+КОД |
Серия сообщений "***МОИ ФОРМУЛЫ":
Часть 1 - Рамочка с обводкой в виде кромки
Часть 2 - простая рамочка с выдавленной кромкой+ КОД
Часть 3 - Простая рамочка с выпуклой кромкой+КОД
Часть 4 - простая рамочка с двойной кромкой+КОД
Часть 5 - Рамочка с двойной кромкой...серая+КОД
...
Часть 43 - ФОРМУЛа разрезной рамочки с анимацией...
Часть 44 - Простая объемная рамочка с отделкой внутри
Часть 45 - Картинка с анимашкой
Метки: рамочки |