Бродилка для скачивания фильтров и плагинов ...
Если Вас заблокировали - (0)Если Вас заблокировали Существует множество способов обойти преграды. И если вдруг Вас забл...
рамку с помощью бордюрных масок - (0)Делаем ФШ рамку с помощью бордюрных масок Вчера выставила Бордюрные маски, с помощью кото...
УРОК ФШ 3 ВАРИАНТА РАБОТА С МАСКАМИ - (0)УРОК ФШ 3 ВАРИАНТА РАБОТА С МАСКАМИ ( I ЧАСТЬ) ХОЧУ ПРИВЕСТИ НЕСКОЛЬКО УРОКОВ ФШ С ПРИМЕНЕНИЕМ МА...
ЧУДО ЭЛИКСИР против старения и болезней - (0)ЧУДО ЭЛИКСИР против старения и болезней.. Правильно приготовленный напиток из хвои имеет огромную...
Как пользоваться рамками |
|
|
Урок по рамочкам от Vi-Natalka |
|
Как вставить любую понравившуюся картинку в рамочку ФШ. Простая и лёгкая работа в Расширенном редакторе. |
Как вставить любую понравившуюся картинку в разрезную ФШ рамочку.
По просьбе читателей, которые только начинают осваивать ФШ и увлекаются изготовление рамочек, решила сделать постик о том, как можно просто и легко внести необходимые изменения и дополнения в разрезную рамочку ФШ. Почему то многие думают, что если рамочка изначально выполненная автором имеет определённый дизайн, то уже кроме текста, ничего в такую рамочку не вставить по своему усмотрению. На самом деле это далеко не так. Конструкция разрезной рамочки предполагает её изменения именно в той части, где написан текст. И именно эта часть рамочки, которая как правило является её средней частью, может корректироваться и редактироваться по Вашему желанию. Если рамочка не имеет картинки, а её как правило при изговлении рамочки ставят в верхнюю часть, то при её отсутствии, можно поставить не только текст, но и картинку и именно в редактируемую среднюю часть.Причём размер картинки будет соответствовать конкретной рамочке, независимо от её оригинального размера. Единственное но, если картинка очень маленькая, то при увеличении, её качество будет не самым лучшим, поэтому слишком маленькие картинки советую не вставлять в рамочку ФШ в качестве основной и акцентной.
Постараюсь пояснить просто и доступно, как просто и легко вставить практически любую картинку в разрезную рамочку, чтобы практически с первого раза у Вас получился положительный и желаемый результат.
Все изображения кликабельны, действия показаны последовательно, функции, опции и пояснения подчёркнуты и прописаны красным шрифтом и цветом!
Вот так выглядит моя небольшая разрезная рамочка ФШ. Как видите она не имеет картинки. Я хочу вставить понравившуюся мне для поздравления!
|
Урок по созданию красивой рамочки от MissKcu |
Серия сообщений "Уроки по Ли.ру от MissKcu":
Часть 1 - Урок создания прозрачного фона от MissKcu
Часть 2 - Как вставить разделители в пост. Урок от MissKcu
...
Часть 11 - Урок по написанию поста на Ли.ру от MissKcu
Часть 12 - Урок по созданию рамочек с разрывом от MissKcu
Часть 13 - Урок по созданию красивой рамочки от MissKcu
Часть 14 - Как изменить фон сообщений в понравившемся дизайне для днева.
Часть 15 - Урок об написании постов на Ли.ру от MissKcu
...
Часть 19 - Как вставить Плейкаст в свой Дневник (блог на Привете). Урок от MissKcu
Часть 20 - Убираем стандартную схему
Часть 21 - Картинки с подписью и без. Урок от MissKcu
|
Формулы рамочек |
Рамка в два слоя: Рамка в три слоя: Рамка в четыре слоя: Рамка в шесть слоев: Рамка в восемь слоев: Рамка с уголками: Фотошопная рамка: Подписываем рамку: |
|
Как удалить "крестик" на картинке ? |
|
|
Как изменить размер картинки |
|
|
Как сделать рамку в html вокруг текста |
В процессе оформления сайта многие начинающие сайтостроители задаются вопросом, как изменить шрифт, размер и цвет заголовков. Да, это действительно отличный вариант, с помощью которого можно внести некоторую свежесть оформления сайта. Но существует еще один не менее интригующий вопрос, как сделать рамку html. Для чего нужна рамка htmlНа самом деле, никакой особенной функции данный элемент не несет. Но все же текст, заключенный в привлекательно оформленную рамку вызывает определенный интерес у читателей. Поэтому рамку вокруг текста смело можно назвать одним из способов подчеркивания важности обрамленного текста. Особенности создания рамки вокруг текста |
|
Как сделать рамочку для текста самому? |
Всем привет! Иногда в личку приходят сообщения с просьбой рассказать как можно выделить текст простой рамкой, как бы делая акцент на определённую часть поста. Сейчас попробую это показать на примере.Вариант 1. Рамка простая (к примеру, для цитат).
Вставили? Идём дальше.
1. Там где написано - "Сюда вставить адрес картинки" - вставляете адрес нужной картинки. Где её взять? Есть только два варианта: первый - Вы должны её загрузить со своего ПК, второй - найти её в интернете и нажав на ней правую кнопку мыши, копировать ссылку на изображение.
2. Где написано - "Здесь написать Ваш текст" - думаю, проблем не возникнет - пишите всё что посчитаете нужным.
Точно так же делается рамочка с заголовком вместо картинки. Копируйте код из флейма и вставляете тексты.
|
Объемные рамки разной конфигурации. Без фотошопа! от-Егорова_Таня |
|
|
Дневники с рамочками |
|
КАК ВСТАВИТЬ В РАМОЧКУ СВОЮ КАРТИНКУ |
|
Урок по созданию красивой рамочки от MissKcu |
Серия сообщений "Уроки по Ли.ру от MissKcu":
Часть 1 - Урок создания прозрачного фона от MissKcu
Часть 2 - Как вставить разделители в пост. Урок от MissKcu
...
Часть 11 - Урок по написанию поста на Ли.ру от MissKcu
Часть 12 - Урок по созданию рамочек с разрывом от MissKcu
Часть 13 - Урок по созданию красивой рамочки от MissKcu
Часть 14 - Как изменить фон сообщений в понравившемся дизайне для днева.
Часть 15 - Урок об написании постов на Ли.ру от MissKcu
...
Часть 19 - Как вставить Плейкаст в свой Дневник (блог на Привете). Урок от MissKcu
Часть 20 - Убираем стандартную схему
Часть 21 - Картинки с подписью и без. Урок от MissKcu
|
Нужные формулы для дневника |
Картинка обтекаемая текстом Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу. |
|
|||
Картинка слева от текста Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже. |
|
|||
Картинка справа от текста Все, точно также, как и в предыдущем случае. Только картинка окажется справа от текста. |
|
|||
Картинка в центре текста Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным, и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект. Параметр "absmiddle" (выравнивание середины строки относительно середины изображения). |
|
|||
Текст между двух картинок
|
|
|||
Картинка между текстом
|
|
Серия сообщений "* Все для блога":
Часть 1 - 10 причин для комментирования блогов
Часть 2 - Чего следует избегать блоггеру
...
Часть 29 - Как сделать,чтобы текст не выходил за пределы рамки
Часть 30 - Сетевой этикет (нетикет, сетикет)
Часть 31 - Нужные формулы для дневника
Часть 32 - НЕТ - КАРТИНКАМ В КОММЕНТАРИЯХ!!!
Серия сообщений "Для ЛиРу":
Часть 1 - КАК ВСТАВИТЬ ЭПИГРАФ
Часть 2 - Архивируем файлы и выставляем на Ли.ру
...
Часть 37 - Пост доступен на странице сообщения..
Часть 38 - Впервые на Ли Ру?
Часть 39 - Нужные формулы для дневника
Часть 40 - ЛиРу - кнопки быстрого перехода по страницам дневника
Часть 41 - HTML шпаргалка
...
Часть 43 - В ПОМОЩЬ НОВИЧКАМ НА ЛиРу
Часть 44 - Начинающим на ЛиРу
Часть 45 - ВОПРОСЫ И ОТВЕТЫ
|
АМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА-от Sergg62 |
Многие спрашивают, как сделать рамочку с круглыми углами?
ЕгороваТатьяна уже разьясняла,как это делается: тут
Немного дополню её, в своём маленьком уроке
По просьбе посетителей моего дневника продемонстрирую,в небольшом уроке, как это сделать.
Рассотрим,из чего же состоит наша формула
Это часть нашей формулы, один "контейнер" (их может быть несколько)
<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" - для отображения во всех остальных браузерах.
|
Шпаргалка по формулам |
звёздочки в коде убрать***** *****звёздочки в коде убрать
Центровка
Источник
Окошко + код
Простые линии
Линия с толщиной простая
Толщина цветной линии
Изображение
Виден код
Здесь далее
2 картинки в ряд
3 картинки в ряд
4 картинки в ряд
5 картинок в ряд
6 картинок в ряд
Картинка слева от текста
Картинка справа от текста
Картинка в центре
Фон записи
Текст в центре
Разное
|
дневы с рамочками. хорошая находка |
Сделала шпаргалку с ссылками на дневники с рамочками.
Может кому и пригодится. Рамочки просто обалденные!!
|
|
Скелетики моих рамок по формулам Сергея Вам остается только вставить свои фоны-от ЛЮБА-ЛЮБУШКА |
Ваш текст
|
Формулы рамочек, блог Натальи Петровой |
|
|
образцы и формулы простых рамок (фон для текста с окантовкой) |
|
Страницы: | [2] 1 |