Делаем потрясающие рамочки и пишем красивые тексты, не возясь с кодом |
Делаем потрясающие рамочки и пишем красивые тексты, не возясь с кодом)))
Готова пищать от восторга, чес. пионерское))) Так все просто и здорово получается)))))))))
Вот эту рамку я наваяла за 5 минут:
|
Еще там можно сделать разноцветный текст, или разноцветную разделительную линию. И вообще масса всяких полезностей и забавностей.
Переходим на сайт и знакомимся с его возможностями :-)
|
Рамочки для текстов |
Всем привет!!!
Лето пора цветения полевых цветов. Не знаю почему утром вспомнила отрывок из старой песни " Не дари мне цветов покупных, подари мне букет полевых...") И решила сделать рамочки с полевыми цветами, надеюсь Вам понравятся! Удачи Вам и всего самого наилучшего!!!
Что нужно для вставки:
Расширенный редактор:
1. Копируете код из флейма
2. Новая запись - нажимаете кнопку ИСТОЧНИК - вставляете код - ещё раз нажимаете кнопку - ИСТОЧНИК - выделяете слова Ваш текст и пишите свой пост.
3. Нажимаете опубликовать и получаете Ваш пост в рамочке.
Простой редактор:
1. Копируете код из флейма
2. Новая запись , вставляете код и пишите всё что ходите там где написано ВАШ ТЕКСТ.
3. Нажимаете опубликовать и получаете Ваш пост в рамочке.
Если захотите хотите поменять цвет шрифта, то Коды цвета для текстов найдёте пройдя по ссылке.
Остальные рамочки, эпиграфы, картинки и инструкция как вставить их в пост находятся в разделе - Для оформления блога
|
|
|
|
|
|
рамочка с бегущим текстом(свиток из инета) |
Серия сообщений "МОИ РАМКИ свитки":
Часть 1 - Рамочка-свиток для записи(основа из инета)
Часть 2 - РАМОЧКА для записи
...
Часть 6 - РАМОЧКА СВИТОК
Часть 7 - черная рамочка свиток..
Часть 8 - рамочка с бегущим текстом(свиток из инета)
Часть 9 - ...по шаблону Nata Vi-5
Часть 10 - рамочка-свиток
...
Часть 28 - рамочка с тюльпанами...
Часть 29 - Рамочка для записи
Часть 30 - Рамочка свиток..
|
Рамочки - линии для выделения текста |
Серия сообщений "Шпаргалки":
Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
Часть 3 - Рамочки - линии для выделения текста
Часть 4 - БРОДИЛКА ПО САЙТАМ одноразовая e-mail электронная почта
Часть 5 - Разлиновка — шаблоны разлинованных листов всех форматов.
...
Часть 12 - Все о ссылках, оформление и коды.
Часть 13 - РАБОТА С ТЕКСТОМ. html коды для текста
Часть 14 - Он-лайн графические редакторы
|
Рамка в 2 слоя с картинкой сбоку.Скелетик рамки |
|
Метки: Рамки Уроки |
Рамка КАРТИНКА как ФОН |
|
|
Как сделать красивую рамочку |
|
Делаем рамки |
Теперь нужно сделать таблицу 3х3
Ваш текст или фотка или текст и фотка :))) | ||
И напоследок ....сделать код в дневнике "повеселее" можно вот так
|
Как быстро найти нужное в коде |
|
РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА |
Многие спрашивают, как сделать рамочку с круглыми углами?
ЕгороваТатьяна уже разьясняла,как это делается: тут
Немного дополню её, в своём маленьком уроке
По просьбе посетителей моего дневника продемонстрирую,в небольшом уроке, как это сделать.
Рассотрим,из чего же состоит наша формула
Это часть нашей формулы, один "контейнер" (их может быть несколько)
<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" - для отображения во всех остальных браузерах.
|
Делаем кластеры |
|
|
PAINT net.Урок 1 от Магаданочки |
Начинаю уроки в программе Paint.NET. Уроки подготовила сама, любое сходство с другими источниками - исключается! Программа небольшого объёма и не занимает много места на диске. В этой программе можно делать рамочки, коллажи, открытки, кроме анимации. В начале познакомимся с инструментами, которые будем использовать в работе. Их не очень много, а в процессе работы, они легко запоминаются. | |
lioness |
|
Учимся делать рамки. Рамка в 5-слоёв фона |
|
|
|
Учимся делать рамку в 3 слоя |
|
|
|
Делаем простую Рамку с двигающимся текстом |
|
5 урок. С нуля. Рамка и текст одновременно! |
|
ДЕЛАЕМ РАМКУ В ВОСЕМЬ СЛОЕВ |
|
Серия сообщений "Делаем рамки":
Часть 1 - Золотая рамочка с фильтром Factory C в ФОТОШОПЕ
Часть 2 - Рамочка с радужным градиентом
...
Часть 9 - Учимся делать рамку в три слоя
Часть 10 - ДЕЛАЕМ РАМКУ В ШЕСТЬ СЛОЕВ
Часть 11 - ДЕЛАЕМ РАМКУ В ВОСЕМЬ СЛОЕВ
Часть 12 - Как вставить ПРОКРУТКУ в пост
Часть 13 - Делаем простую Рамку с двигающимся текстом
...
Часть 45 - Как сделать разрезную рамку в ФШ
Часть 46 - Коды для Мейла и ЛиРу
Часть 47 - Делаем разрезную рамку в ФШ
|
Как сделать простенькую рамочку |
|
|
|
Прозрачная рамочка с прокруткой (по просьбам) |
|
Иконы (посмотрите) из блога Галины Шадриной |
|
Заготовки |
|
Видеоуроки по созданию рамок от Гузель Ситниковой |
|
УЧИМСЯ ДЕЛАТЬ РАМКУ В ДВА СЛОЯ |
|
Серия сообщений "Делаем рамки":
Часть 1 - Золотая рамочка с фильтром Factory C в ФОТОШОПЕ
Часть 2 - Рамочка с радужным градиентом
...
Часть 4 - Рамка в ОДИН слой
Часть 5 - Делаем разрезную рамку в ФШ
Часть 6 - УЧИМСЯ ДЕЛАТЬ РАМКУ В ДВА СЛОЯ
Часть 7 - ДЕЛАЕМ РАМКУ В ЧЕТЫРЕ СЛОЯ
Часть 8 - ОТВЕТ ОППОНЕНТУ...))
...
Часть 45 - Как сделать разрезную рамку в ФШ
Часть 46 - Коды для Мейла и ЛиРу
Часть 47 - Делаем разрезную рамку в ФШ
|
ОТВЕТ ОППОНЕНТУ |
Простая рамка для записи |
|
УЧИМСЯ ДЕЛАТЬ ПРОСТУЮ РАМКУ ДЛЯ ЗАПИСИ В ДВА СЛОЯ |
|
|
Серия сообщений "Делаем рамки":
Часть 1 - Золотая рамочка с фильтром Factory C в ФОТОШОПЕ
Часть 2 - Рамочка с радужным градиентом
...
Часть 17 - ЗАГИБАЕМ УГОЛОК
Часть 18 - Урок - Рамочка многослойная в ФШ
Часть 19 - Учимся делать рамку для записи в 2 слоя
Часть 20 - Как вставить картинку в разрыв рамки
Часть 21 - Урок "Рамочка сделанная в Фотошопе"
...
Часть 45 - Как сделать разрезную рамку в ФШ
Часть 46 - Коды для Мейла и ЛиРу
Часть 47 - Делаем разрезную рамку в ФШ
|
Как вставить картинку в разрыв рамки |
Серия сообщений "Делаем рамки":
Часть 1 - Золотая рамочка с фильтром Factory C в ФОТОШОПЕ
Часть 2 - Рамочка с радужным градиентом
...
Часть 18 - Урок - Рамочка многослойная в ФШ
Часть 19 - Учимся делать рамку для записи в 2 слоя
Часть 20 - Как вставить картинку в разрыв рамки
Часть 21 - Урок "Рамочка сделанная в Фотошопе"
Часть 22 - УРОК = КАК Я ДЕЛАЮ РАЗРЕЗНУЮ РАМОЧКУ В ФОТОШОП
...
Часть 45 - Как сделать разрезную рамку в ФШ
Часть 46 - Коды для Мейла и ЛиРу
Часть 47 - Делаем разрезную рамку в ФШ
|
Простые рамки с фоном |
|
|
|
Серия сообщений "Делаем рамки":
Часть 1 - Золотая рамочка с фильтром Factory C в ФОТОШОПЕ
Часть 2 - Рамочка с радужным градиентом
...
Часть 34 - Цветные рамочки для текста
Часть 35 - Простые рамки с заголовком
Часть 36 - Простые рамки с фоном
Часть 37 - Прерывистые рамки для текста
Часть 38 - Делаем рамку
...
Часть 45 - Как сделать разрезную рамку в ФШ
Часть 46 - Коды для Мейла и ЛиРу
Часть 47 - Делаем разрезную рамку в ФШ
|
РАМКИ С КРУГЛЫМИ УГЛАМИ |
|
|
|
Как сделать простую рамочку для текста |
|
|
Учимся делать рамку |
|
|
Делаем рамочку с картинками |
|
Серия сообщений "Шаблоны":
Часть 1 - Меняем цвет под определённым участком текста
Часть 2 - Flash-uploader
Часть 3 - Делаем рамочку с картинками
Часть 4 - ШАБЛОН 2-Х СЛОЙНОЙ РАМОЧКИ
Часть 5 - Делаем 2-х слойную рамочку с применением фона и кода цвета
...
Часть 38 - Как сделать в журнале тематические блоки (интерактивное содержание)
Часть 39 - Закругляем углы на картинке
Часть 40 - ЖЖ-теги: шпаргалка. ( Кат, ссылки, форматирование текста и другое )
Серия сообщений "Изготовление рамочек":
Часть 1 - Делаем рамочку с картинками
Часть 2 - Очень красивые анимированные фоторамочки
Часть 3 - ШАБЛОН 2-Х СЛОЙНОЙ РАМОЧКИ
...
Часть 16 - Создание различных рамок в Фотошопе
Часть 17 - Простая цветная рамочка для ваших постов
Часть 18 - Генераторы!!! Четыре в одном!
|
Очень красивые анимированные фоторамочки |
Серия сообщений "Генераторы":
Часть 1 - Аниматоры
Часть 2 - Очень красивые анимированные фоторамочки
Часть 3 - КАК ИЗ ВАШИХ ФОТО СДЕЛАТЬ АНИМАЦИЮ
Часть 4 - БАННЕРЫ, КНОПКИ, ЛОГОТИПЫ, ШРИФТЫ
...
Часть 38 - Онлайн-генератор создания таблиц
Часть 39 - Программа для открытия паролей под звездочками + Генераторы паролей
Часть 40 - БЫСТРЫЙ ГЕНЕРАТОР БАННЕРОВ
Серия сообщений "Изготовление рамочек":
Часть 1 - Делаем рамочку с картинками
Часть 2 - Очень красивые анимированные фоторамочки
Часть 3 - ШАБЛОН 2-Х СЛОЙНОЙ РАМОЧКИ
Часть 4 - Делаем 2-х слойную рамочку с применением фона и кода цвета
...
Часть 16 - Создание различных рамок в Фотошопе
Часть 17 - Простая цветная рамочка для ваших постов
Часть 18 - Генераторы!!! Четыре в одном!
|
Сиреневая |
Дневник |
|
|
Рамочки для текста |
|
Рамочки от мастеров "BEST of GALLERY" |
|
Флешка бродилка по моим рамочкам!Нажми на рамочки! |
|
формулы ДЛЯ МЕЙЛА И ДЛЯ ЛиРу |
|
КАК СДЕЛАТЬ РАМОЧКУ ПО ФОРМУЛЕ |
По просьбе постоянного читателя сообщества "Все для блога" я решила поделиться с Вами кодом-формулой рамочек, которые я делаю для собственного развлечения и вашего удовольствия и хорошего настроения (во всяком случае, я на это надеюсь ).
Если вдруг кто-то из Вас, мои дорогие друзья и читатели, заинтересуется и попробует сделать рамку, то мне будет очень приятно. А вдруг Вам тоже понравится ... Конечно же речь о тех друзьях, кто этого пока не делал. Среди моих подруг масса таких мастериц и искусниц ФШ, что мне до них никогда не допрыгнуть. И за это им мои искренние комплименты!!!
Чтобы было более понятно - предлагаю рассмотреть работу с формулой рамки на конкретном примере "Рамочки с телефоном и букетом". Честно сказать, я не большой мастер по урокам и разъяснениям, но тем не менее попробую.
Итак начнем!
И начнем мы с конца этого поста - а именно в самом низу, в окошке находится ОБЩАЯ ФОРМУЛА РАМКИ.
Скопируйте её из окошка, откройте Новую запись в расширенном формате в своём дневнике, нажмите кнопочку "Источник" и в эту новую запись вставьте скопированный КОД. Перед Вами окажется весьма большой набор устрашающих слов и терминов на английском языке - это HTLM-код рамки. Не пугайтесь! Главное - в этом тексте найдите слова ФОН №1, ФОН №2 и т.д.
А теперь:
1. Вместо слов ФОН № 1 - вставляем строго между кавычек адрес Вашего фона, загруженного через любой сервис публикации и хранения изображений (например Радикал или savepic; далее для сокращения буду указывать - Радикал). В примере - это тонкая зеленая обводка.
2. Вместо слов ФОН № 2 - также строго между кавычек вставляем адрес фона, загруженного через Радикал, который будет основой для написания текста Вашего поста, рецепта, стихов и прочих текстов, а также это фон, который залит между зеленой обводкой рамки. В примере - это светлый серо-голубой фон.
3. Вместо слов ФОН № 3 - строго между кавычек вставляем адрес (из Радикала) бесшовного фона, сделанного в ФШ из основной картинки. В примере - это цветной фон в широкой полосе и в узкой, обрамляющей текстовое поле. Если Вы не работаете в фотошопе, то на место ФОНА № 3 можно подобрать любой подходящий по цветовой гамме фон, хоть цветной, хоть однотонный.
4. Вместо слова КАРТИНКА - строго между кавычек вставляем адрес (из Радикала) НАШЕЙ ОСНОВНОЙ КАРТИНКИ с телефоном и букетиком.
5. Вместо слова РАЗДЕЛИТЕЛЬ - также между кавычек вставляем адрес (из Радикала) ЛЮБОГО РАЗДЕЛИТЕЛЯ, который по вашему мнению подходит к общей теме работы. Этот атрибут не обязательный, поэтому при желании его можно удалить.
6. Вместо слова ЦВЕТ ТЕКСТА вставлям код цвета (из любого генератора или палитры цветов), котрым будет написан наш текст поста. В примере, это зелёно-салатный цвет.
7. И, наконец, последний шаг. Слова АДРЕС Вашего ДНЕВНИКА - заменяете соответственно на адрес Вашего дневничка на Ли.Ру, а слова Ваш НИК - на НИК, под которым Вы зарегистрированы на ЛИ.РУ или на какое-либо словосочетание, устанавливающее Ваше авторство работ. У меня - это "Рамочки от Ангелики".
Вот собственно и всё! Надеюсь, кому-то пригодится! Пользуйтесь, пробуйте. Уверена, что всё у Вас получится. Удачи и творческого вдохновения, дорогие друзья!!!
|
|
|
По просьбе "скелетик" кода такой рамки. |
Код "скелетик" такой рамки. |
Серия сообщений "МОИ УРОКИ":
Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник.
...
Часть 21 - LiveInternet – Отношения
Часть 22 - Уменьшаем большую картинку.
Часть 23 - По просьбе "скелетик" кода такой рамки.
|
Как своими руками сделать рамку в "Рамочнике" |
|
|
формулы рамок |
|
|
Рамочка золотая |
|
образцы и формулы простых рамок |
ДОРОГИЕ МОИ! в этом постике я сделала для себя на всякий случай ШПАРГАЛКУ с ФОРМУЛАМИ простых рамочек, сделанных в РАМОЧНИКЕ,возможно,и Вам пригодятся.Эти рамочки можно разнообразить, подбирая подходящие ФОНЫ для ТЕКСТА,их место обозначено в ФОРМУЛЕ так...
" URL - адрес фона "
...все изменения дизайна в этих формулах лучше осуществлять в ПРОСТОМ (HTML) РЕДАКТОРЕ ЛИру...выглядит он вот так
|
Скелетики моих рамок по формулам Сергея Вам остается только вставить свои фоны |
Ваш текст
Ваш текст
|
Набор рамочек с разрывом |
|
Как сделать тени в рамочке и на картинках |
Серия сообщений "*** рамка для картинок":
Часть 1 - комментики на скорую руку
Часть 2 - рамочка-обводка
Часть 3 - Делаем круглые картинки без ФШ
Часть 4 - Как сделать тени в рамочке и на картинках
Часть 5 - Заснеженные лисы
Часть 6 - Открыточки с тенью по формуле
...
Часть 11 - Рамочка - слайд
Часть 12 - Мой маленький Ангел
Часть 13 - Рамочка для поздравлений с розой
Серия сообщений "*** уроки":
Часть 1 - комментики на скорую руку
Часть 2 - Делаем простую Рамку с двигающимся текстом.
...
Часть 16 - Внутренние тени изображений и текста
Часть 17 - Изучаю тени...
Часть 18 - Как сделать тени в рамочке и на картинках
Часть 19 - мастерская ZOMKI -рамочка
Часть 20 - Html - шпаргалка
...
Часть 36 - РАСШИРЕННЫЙ РЕДАКТОР ЛИру
Часть 37 - образцы и формулы нарядных РАМОЧЕК для текста
Часть 38 - Учимся делать рамочки
Серия сообщений "= МОИ УРОКИ":
Часть 1 - Фото - как задний план
Часть 2 - СОЗДАЕМ КЛЕТЧАТЫЙ ФОН
...
Часть 5 - Рисуем на кубе
Часть 6 - ФЛЭШКА и как вставить ее в картинку (подсказка моим друзьям)
Часть 7 - Как сделать тени в рамочке и на картинках
Часть 8 - Вот ты какоой........
Часть 9 - Учусь работать в Inkscape
...
Часть 12 - Сделать красивый заголовок (урок очень легкий)
Часть 13 - Маленькие секреты ФШ
Часть 14 - делаем рамочку из стандартного фильтра в ФШ
|
Красивые рамочки с кодами |
|
Рамочки простые |
|
Рамочки нежные |
|
Простые рамочки для записи |
|
Страницы: | [2] 1 |