Рамочки с разными краями |
ВАШ ТЕКСТ 1 | 1 |
ВАШ ТЕКСТ 2 | |
Метки: формулы для рамочек |
Делаем рамки - окантовки! |
Как сделать Рамку - Окантовку?!
Сегодня я расскажу Вам, как сделать простейшие рамки! Как делать рамки я уже рассказывала здесь и здесь Но бывает так, что нужно поместить в рамку очень много текста, картинок, видео, фото. Многослойные рамки не выдерживают такой нагрузки. Текст выходит из рамки или вовсе пишет, что не может отобразить весь текст целиком. Вот для этого нам и нужны рамки - окантовки! Формулы рамок вы можете взять из окошек. А сейчас я расскажу более подробно о формуле. 1. Толщина рамки. В рамках для примера толщина рамки составляет от 3px до 5px. Но Вы можете сделать ее толще или еще тоньше! 2. Цвет рамки. Цвет рамки может быть любой. Для этого Вам нужен код для HTML . Взять его можно здесь. 3. Шрифт для текста. Вставляем только название шрифта. Совсем недавно я показывала примеры шрифтов если кто пропустил, то посмотреть можно здесь. 4. Цвет текста. Нам нужен такой же код для HTML как и для цвета рамки - окантовки. 5. Размер текста. Текст измеряется в px (пикселях) поэтому размер должен быть двухзначным. В рамках для примера стоит 20px. 6. Фон внутри рамки. Фон может быть любой! На Ваш вкус. Но, как правило, для текста лучше брать однотонный фон для читабельности текста. Загружаем фон на radikal или на savepic и берем первую ссылку и вставляем в формулу вместо слов "фон внутри рамки" строго между кавычек! А теперь сами рамочки с формулами! Рамка - Окантовка без Фона.
Рамка - Окантовка с Фоном.
Двойная Рамка - Окантовка без Фона.
Двойная Рамка - Окантовка с Фоном.
Пунктирная Рамка - Окантовка без Фона.
Пунктирная Рамка - Окантовка с Фоном
Точечная Рамка - Окантовка без Фона.
Точечная Рамка - Окантовка с Фоном.
Ну вот и все! Как видите ничего сложного нет! Творческих Вам успехов! Урок подготовила Valdiviya |
Метки: формулы для рамочек |
формула -очень красивых рамочек!!от Schamada!!!! |
|
Метки: формула рамочки |
Совет по кодам для разрезных рамочек ФШ |
|
Серия сообщений "ШПАРГАЛКИ":
Серия сообщений "-HTML":
Метки: формулы для рамочек |
Много рамок легко и быстро. |
Метки: урок как сделать рамочку |
Коды для Мейла и ЛиРу |
Метки: коды рамочек |
Создание рамочек без знаний html всего за пару минут |
Серия сообщений "Шпаргалки":
Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 19 - Рамочки с флагом своей страны.
Часть 20 - Справочник по основным тегам HTML.
Часть 21 - Создание рамочек без знаний html всего за пару минут
Часть 22 - Главные люди на Ли.ру
Часть 23 - Простейший генератор оригинальных рамочек
Часть 24 - Бродилка по урокам по ЛиРу
Часть 25 - html коды для текста
Метки: создание рамочек |
Урок от Beauti_Flash, как пользоваться рамочками. |
|
Метки: урок...как сделать рамочку |
Продолжение урока от Beauti_Flash, как пользоваться рамочками. |
|
Метки: урок...как сделать рамочку |
Универсальный код разрезных рамочек для Ли.ру и Блогов Мэ-(из блога La_Perla (Маргарита)) |
|
Метки: формулы рамочек |
Для оформление постов |
Метки: формулы рамочек |
Нужные формулы для дневника |
Картинка обтекаемая текстом Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу. |
|
|||
Картинка слева от текста Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже. |
|
|||
Картинка справа от текста Все, точно также, как и в предыдущем случае. Только картинка окажется справа от текста. |
|
|||
Картинка в центре текста Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным, и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект. Параметр "absmiddle" (выравнивание середины строки относительно середины изображения). |
|
|||
Текст между двух картинок
|
|
|||
Картинка между текстом
|
|
Серия сообщений "* Все для блога":
Часть 1 - 10 причин для комментирования блогов
Часть 2 - Чего следует избегать блоггеру
...
Часть 29 - УРОКИ HTML
Часть 30 - Сетевой этикет (нетикет, сетикет)
Часть 31 - Нужные формулы для дневника
Часть 32 - НЕТ - КАРТИНКАМ В КОММЕНТАРИЯХ!!!
Серия сообщений "Для ЛиРу":
Часть 1 - КАК ВСТАВИТЬ ЭПИГРАФ
Часть 2 - Архивируем файлы и выставляем на Ли.ру
...
Часть 34 - Пост доступен на странице сообщения..
Часть 35 - Впервые на Ли Ру?
Часть 36 - Нужные формулы для дневника
Часть 37 - ЛиРу - кнопки быстрого перехода по страницам дневника
Часть 38 - HTML шпаргалка
...
Часть 40 - В ПОМОЩЬ НОВИЧКАМ НА ЛиРу
Часть 41 - Начинающим на ЛиРу
Часть 42 - ВОПРОСЫ И ОТВЕТЫ
Метки: формулы рамочек |
Делаем различные рамочки в фотошоп. |
Серия сообщений "•ТЕОРИЯ PS CS5/6•":
Часть 1 - Анимация в фотошопе CS5. Урок 3 "Лиса Алиса".Видеоурок.
Часть 2 - Новое в Photoshop CS5 - 6.Быстрое выделение волос.Видеоурок.
...
Часть 21 - Овальная рамочка в ФШ.
Часть 22 - ☞Горячие клавиши Фотошоп.
Часть 23 - Делаем различные рамочки в фотошоп.
Часть 24 - Как написать в фотошопе Текст по кругу.
Часть 25 - Инструмент Перо (Pen Tool).
...
Часть 42 - Инструмент Pen tool.Видео урок.
Часть 43 - Смарт-объекты в Adobe Photoshop.
Часть 44 - Корректирующие слои в Adobe Photoshop.Урок 2.
Серия сообщений "••МОИ УРОКИ••":Благодарю за Внимание к моим работам!
С Уважением, Алёна-48
Часть 1 - Переносим анимацию на другое изображение.
Часть 2 - Овальная рамочка в ФШ.
Часть 3 - Делаем различные рамочки в фотошоп.
Часть 4 - Простой приём создания Абстрактного фона.
Часть 5 - Создание интересного абстрактного эффекта в photoshop.
...
Часть 26 - Нежно розовые оттенки на изображении в Adobe Photoshop.
Часть 27 - Смарт-объекты в Adobe Photoshop.
Часть 28 - Корректирующие слои в Adobe Photoshop.Урок 2.
Метки: урок фш |
УРОК = КАК РАЗРЕЗАТЬ РАМОЧКУ ФОТОШОП И ВСТАВИТЬ В СООБЩЕНИЕ = |
Метки: уроки фш |
Урок. Как сделать простую рамочку для текста |
|
Метки: формулы для рамочек |
Объемные рамки разной конфигурации. Без фотошопа! |
|
Метки: формулы рамочек |
Рамочка с разрывом |
Простая рамочка Выпуклая рамочка |
урок провела Егорова Таня |
Метки: формула рамочки |
Рамочки - линии для выделения текста |
В рамочку можно вставлять все, что вам захочется, то есть весь ваш пост. Коды каждой такой рамочки внутри конкретной рамки. Копируйте их, и ставьте в свои записи в Простом редакторе.. Там где написано ВАШ ТЕКСТ- Вставляете свой текст. |
Серия сообщений "Шпаргалки":
Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
Часть 3 - Рамочки - линии для выделения текста
Метки: формулы рамочек |
Выделить текст рамкой. |
Всем привет! Иногда в личку приходят сообщения с просьбой рассказать как можно выделить текст простой рамкой, как бы делая акцент на определённую часть поста. Сейчас попробую это показать на примере.
Будем исходить из того что в кодах Вы полный ноль или Вам просто не хочется их вручную прописывать. Тогда первое что Вам нужно сделать - это открыть сообщение в простом редакторе, можно и в расширенном, но тогда не забудьте нажать на кнопку ИСТОЧНИК (в самом верху слева). Сделали? Молодцы, копируйте код из флейма и вставляйте в нужный участок поста.
Вставили? Идём дальше.
1. Там где написано - Сюда вставить адрес картинки - вставляете адрес нужной картинки. Иногда задают вопрос где её взять) Всё просто - есть только два варианта, первый Вы должны её загрузить со своего ПК, второй найти её в интернете и нажав на ней правую кнопку мыши копировать ссылку на изображение.
2. Где написано - Здесь написать Ваш текст думаю проблем не возникнет - пишите всё что посчитаете нужным.
Точно так же делается рамочка с заголовком вместо картинки. Копируйте код из флейма и вставляете тексты.
Вот и всё. В результате у Вас должно получится что-то подобное.
С картинкой
Маргарита Валуа
Без картинки - с заголовком.
Метки: формулы для рамочек |
Как использовать формулу разрезной рамочки)))Урок для новичков... |
Метки: формулы рамочек |
УРОКИ по созданию рамочек |
ИСТОЧНИК |
Метки: урок по созданию рамочек |
Стильные рамки (блоки) |
Метки: рамки -блоки |
Фоновое изображение в рамке. Часть 1 |
Метки: формулы рамок |
Интересные слайд-шоу в ваш дневник |
Метки: слайд -шоу из фотографий с кодом |
Набор рамочек с разрывом (можно вставлять фон) |
Метки: набор рамочек |
Рамка вокруг изображения |
Вариант 1 | Изображение заключено в двойную рамку: стиль double; |
Метки: рамка вокруг изображения |
Рамка для блога |
|
Серия сообщений "Уроки для блогов":
Часть 1 - Как скопировать текст с сайта, который защищен от копирования.
Часть 2 - Как взять картинку с альбомов Яндекс -фото
...
Часть 23 - Сделать текст с окошечком прокрутки (флеймом)
Часть 24 - Как быстро вставить в пост на ЛиРу картинку из Интернета
Часть 25 - Рамка для блога, имитирующая картину.
Часть 26 - Как сделать бегущий текст на картинке, без всякого редактора
Часть 27 - Красивое разворачивание картинки в постах и рамках
Часть 28 - Как к каждой записи сделать свой фон.
Часть 29 - Как получать извещения о новых постах, и где это сделать в настройках дневника.
Метки: рамочки для текста |
ФОРМУЛЫ РАМОЧЕК ПОД РУКОЙ!!! |
|
Метки: формулы рамочек |
Как сделать тени в рамочке и на картинках |
Метки: формулы рамочек |
Рамочка сказочных рецептов |
Метки: чай каркаде |
Рамка с КАРТИНКАМИ-ЛИНЕЕЧКАМИ |
Кому она нравится могу научить вас её делать. Рамочка оригинальная, так как мы берём вместо фона ЛИНЕЕЧКУ. Взять ЛИНЕЕЧКИ можно ЗДЕСЬ. Внизу я даю КОД "СКЕЛЕТИКА" и вы делаете рамку САМИ. Делаем рамку ,на свой вкус, так: ЗДЕСЬ далее... |
Метки: рамочки с линеечками |
Моя мастерская |
Метки: формулы для рамочек |
Формулы и коды |
В помощь для удобства и компактности ведения дневников
Это формула кнопок в форме таблички - бродилки. Использовать можно как угодно - ваши фантазии!
|
Метки: рамочки |
Делаем оригинальные рамочки без фонов. Урок! |
Метки: урок...как сделать рамочку |
Скелетики моих рамок по формулам Сергея Вам остается только вставить свои фоны |
Ваш текст
Серия сообщений "без картинки ч.4":Моя рамочка
Часть 1 - Рамочка ЛЮБА-ЛЮБУШКА №36
Часть 2 - Рамочки с кружевами
...
Часть 23 - Сиреневые рамочки с закругленными краями
Часть 24 - Мои рамочки объемные с тенями по формулам Сергея
Часть 25 - Скелетики моих рамок по формулам Сергея Вам остается только вставить свои фоны
Серия сообщений "скелетики рамок Егоровой":Рамочки
Часть 1 - РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА
Часть 2 - Номера фонов для скелетиков
...
Часть 20 - Скелетик рамки с закругленными краями
Часть 21 - Генератор необычных рамочек
Часть 22 - Скелетики моих рамок по формулам Сергея Вам остается только вставить свои фоны
Метки: формулы для рамочек |
РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА |
Многие спрашивают, как сделать рамочку с круглыми углами?
ЕгороваТатьяна уже разьясняла,как это делается: тут
Немного дополню её, в своём маленьком уроке
По просьбе посетителей моего дневника продемонстрирую,в небольшом уроке, как это сделать.
Рассотрим,из чего же состоит наша формула
Это часть нашей формулы, один "контейнер" (их может быть несколько)
<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" - для отображения во всех остальных браузерах.
Метки: рамочки |
Формула рамки :прокрутка с обводкой и фоном |
|
Серия сообщений "мои уроки":
Часть 1 - формула рамки :прокрутка в обводке
Часть 2 - формула рамки :прокрутка с обводкой и фоном
Метки: формула для рамочки |
Делаем разноцветные рамки |
Здесь будет ваш текст.
Надеюсь, рамка вам нравится...))
Серия сообщений "Делаем рамки":
Часть 1 - Золотая рамочка с фильтром Factory C в ФОТОШОПЕ
Часть 2 - Рамочка с радужным градиентом
...
Часть 40 - Рамка с круглыми углами
Часть 41 - Объемные рамки разной конфигурации. Без фотошопа!
Часть 42 - Делаем разноцветные рамки
Часть 43 - КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру.
Часть 44 - Как сделать разрезную рамку в ФШ
Часть 45 - Коды для Мейла и ЛиРу
Часть 46 - Делаем разрезную рамку в ФШ
Метки: делаем рамочки |
Простые Рамки с Заголовком |
|
Метки: как сделать простые рамочки |
Если вы хотите поделиться рамочкой.. |
Метки: уроки |
Страницы: | [1] |