Вы уже успели заметить, что у меня в блоге стали появляться "легкие" рамочки с полосой прокрутки. Что же с этими рамочками можно делать? Отвечаю: "Все!"  И текст вставить (пример тут) и фотоподборку (пример тут.)

Текст вставляется в них легко - как в обычные рамочки или пост (Ctrl+V). Остановлюсь подробнее на том, как вставлять фото и картинки.

1-ый шаг. Вставляем код рамочки в пост. Разумеется через "источник".
2-ой шаг. Вставляем фотки через пакетную загрузку и сохраняем в черновике.
3-ий шаг. Далее редактируем. Пишем номер фото. Три пустых строки делаем и после перетаскиваем туда фотку (рисунок № 1).
4-ый шаг. Делаем Ctrl+Shift и пишем следующую цифру.  Курсор будет там, как показано на рисунке №2.
Дабы у нас места хватало, удобнее будет, если вы увеличите площадь редактора. Просто потяните вниз, зафиксировав мышкой за правый нижний угол (рисунок №3).

Как видите - тут ни чего сложно!
1.


2.


3.

Такие рамочки в этом блоге можно найти в рубрике "Рамочки", подрубрика "Легкие".

Ваша Putniza Strannaja.

Похожие статьи:
1. Дизайн дневника на liveinternet
2. Рамочки для текста
3. Как БЫСТРО сделать дизайн дневника
4. Вставляем картинки в комментарий
5. Уменьшаем картинку (фото) с помощью Microsoft Office Picture Manager

Серия сообщений "Дизайн и графика на Li ru":

Понравился пост? Тогда не жмись, ссылкой с друзьями в социальной сети поделись!

Подписаться на блог с оповещением на почту одной строкой в день можно прочитав  урок.
Во избежание нарушения закона об "Авторском праве" запрещено в комментариях оставлять любые фотографии, картинки, фрагменты стихотворений и прозы. В противном случае занесение в ЧС без предупреждения.

Часть 1 - Сделать самому дизайн дневника на liveinternet
Часть 2 - Как взять готовый дизайн для дневника из журнала
Часть 3 - Вставляем картинки в комментарий
Часть 4 - Уменьшаем картинку (фото) с помощью Microsoft Office Picture Manager
Часть 5 - Рамочка вместо КАТа при фотоподборке
Часть 6 - Рамочка и видео
Часть 7 - Как БЫСТРО переместить фото в посте

По просьбе постоянного читателя сообщества "Все для блога" я решила поделиться с Вами кодом-формулой рамочек, которые я делаю для собственного развлечения и вашего удовольствия и хорошего настроения (во всяком случае, я на это надеюсь ).

Если вдруг кто-то из Вас, мои дорогие друзья и читатели, заинтересуется и попробует сделать рамку, то мне будет очень приятно. А вдруг Вам тоже понравится ... Конечно же речь о тех друзьях, кто этого пока не делал. Среди моих подруг масса таких мастериц и искусниц ФШ, что мне до них никогда не допрыгнуть. И за это им мои искренние комплименты!!!

Чтобы было более понятно - предлагаю рассмотреть работу с формулой рамки на конкретном примере "Рамочки с телефоном и букетом". Честно сказать, я не большой мастер по урокам и разъяснениям, но тем не менее попробую.

Итак начнем!  

И начнем мы с конца этого поста - а именно в самом низу, в окошке находится ОБЩАЯ ФОРМУЛА РАМКИ.

Скопируйте её из окошка, откройте Новую запись в расширенном формате в своём дневнике, нажмите кнопочку "Источник" и в эту новую запись вставьте скопированный КОД. Перед Вами окажется весьма большой набор устрашающих слов и терминов на английском языке - это HTLM-код рамки. Не пугайтесь! Главное - в этом тексте найдите слова ФОН №1, ФОН №2 и т.д.

А теперь:

1. Вместо слов ФОН № 1 - вставляем строго между кавычек адрес Вашего фона, загруженного через любой сервис публикации и хранения изображений (например Радикал или savepic; далее для сокращения буду указывать - Радикал). В примере - это тонкая зеленая обводка.

2. Вместо слов ФОН № 2 - также строго между кавычек вставляем адрес фона, загруженного через Радикал, который будет основой для написания текста Вашего поста, рецепта, стихов и прочих текстов, а также это фон, который залит между зеленой обводкой рамки. В примере - это светлый серо-голубой фон.

3. Вместо слов ФОН № 3 - строго между кавычек вставляем адрес (из Радикала) бесшовного фона, сделанного в ФШ из основной картинки. В примере - это цветной фон в широкой полосе и в узкой, обрамляющей текстовое поле. Если Вы не работаете в фотошопе, то на место ФОНА № 3  можно подобрать любой подходящий по цветовой гамме фон, хоть цветной, хоть однотонный.

 4. Вместо слова КАРТИНКА - строго между кавычек вставляем адрес (из Радикала) НАШЕЙ ОСНОВНОЙ КАРТИНКИ с телефоном и букетиком.

5. Вместо слова РАЗДЕЛИТЕЛЬ - также между кавычек вставляем адрес (из Радикала)  ЛЮБОГО РАЗДЕЛИТЕЛЯ, который по вашему мнению подходит к общей теме работы. Этот атрибут не обязательный, поэтому при желании его можно удалить.

6. Вместо слова ЦВЕТ ТЕКСТА вставлям код цвета (из любого генератора или палитры цветов), котрым будет написан наш текст поста. В примере, это зелёно-салатный цвет.

7. И, наконец, последний шаг. Слова АДРЕС Вашего ДНЕВНИКА - заменяете соответственно на адрес Вашего дневничка на Ли.Ру, а слова Ваш НИК - на НИК, под которым Вы зарегистрированы на ЛИ.РУ или на какое-либо словосочетание, устанавливающее Ваше авторство работ. У меня - это "Рамочки от Ангелики".

Вот собственно и всё! Надеюсь, кому-то пригодится! Пользуйтесь, пробуйте. Уверена, что всё у Вас получится. Удачи и творческого вдохновения, дорогие друзья!!!     

Ваш текст будет здесь ~ Рамочки от АНГЕЛИКИ ~

 А сейчас поучимся делать рамку с прокруткой,это довольно сложно,поэтому начнем с самой простой рамки в этом случае. Вот с такой:  

ВАШ ТЕКСТ

 За основу взял самую постую рамочку с картинкой: 

 В принципе игру со слоями можно самому проделать как нам больше нравиться

Давайте в этом уроке поиграем с текстом. Ну что же начнем.

Для начала сделаем рамку с плывущем текстом.

Опять таки ничего сложного нет, просто надо вставлять определенный тег перед текстом.

За основу я возьму рамку с предыдущего нашего урока.   

Ваш текст

Здесь я показал куда надо вставить наш тег

 Уважаемые читатели,первый урок самый важный ,там расписаны слои,они вам показаны наглядно,надо усвоить чем начинается слой и где он заканчивается ,иначе вашим ошибкам не будет конца!!!!

Мы уже умеем добавлять слои,умеем вставлять картинку и умеем делать рамочку в рамочке. Теперь я покажу как сделать в рамочке две рамочки. За основу опять возмем 2-хслойную рамочку.

С начало добавим два слоя как в предыдущем уроке чтобы получить рамку с 4-мя слоями

Теперь для наглядности сделаем пробел между отменами слоев,так чтобы отделить два слоя,вот так:

1.Здесь показано где надо делать пробел

2.Здесь показано что должно получиться в коде

Далее делаем пробел при назначении(написании) слоев вверху также нужно отделить два слоя(все это надо проделать без публикации):

1.здесь показано где надо сделать пробел

2.здесь показано как это выглядет в коде

Теперь копируем то что у нас получилось между пробелами и вставляем в пробел между отменами,а пробел в написании слоев убираем,либо ставим туда картинку. Вот что должно получиться:

В принципе этот урок можно закончить,если вы хорошо усвоили предыдущие уроки,то здесь сложностей возникнуть не должно.

УДАЧИ ВСЕМ!!!

Серия сообщений "Рамочки и уроки по их созданию":
Часть 1 - Мы осень носим
Часть 2 - Урок № 1 Учимся делать рамочки
Часть 3 - Урок №2 Учимся делать рамочки
Часть 4 - Урок №3 Учимся делать рамочки
Часть 5 - Урок №4 Учимся делать рамочки
Часть 6 - Учимся делать простую рамочку
Часть 7 - Урок №5 Учимся делать рамочки
...
Часть 13 - УРОКИ -окошки для текста и кнопки
Часть 14 - Рамочка для видео
Часть 15 - Рамочка для видео

Теперь будем учиться делать такую рамочку.
И не надо пугаться все гораздо проще чем может показаться.

Ваш текст

Мы уже знаем из предыдущих уроков:
как менять фон рамки
как менять размеры рамки и какие размеры мы можем поменять.  Начнем!
Берем 2-хслойную рамочку

и добавляем еще два таких же слоя(можно просто скопировать)вот так это делается:
1.здесь выделено ,то что вы должны скопировать:

2.здесь показано куда надо вставить скопированные вами теги:

3.теперь копируем отмены наших тег:

4.и вставляем сюда:

Получаем такую рамку(у которой теперь 4 слоя):
размеры меняем по своему вкусу,как кому больше нравиться,я сделала так:

Теперь будем добавлять нашу картинку,
между слоев,так чтобы у нас получилась внутренняя 2-хслойная рамка(так как рамка уже большая и не помещается вся в окне кода,я выбрала ту часть которая нам нужна)
здесь выделены первые два слоя,после которых нам необходимо поставить код нашей картинки(ее полный адрес),два других слоя остануться внизу относительно картинки

здесь выделина картинка уже стоящая в рамке:

здесь выделина 2 слоя,которые остались под картинкой:

Размеры рамки наружной выставляем по рамзмерам картинки,как в прошлом уроке,
размеры внутренней рамки,которая остается под картинкой,ставим чуть меньше размеров нашей картинки,чтобы общий вид рамки,был гармоничным.
УДАЧИ ВСЕМ!!!

Серия сообщений "Рамочки и уроки по их созданию":
Часть 1 - Мы осень носим
Часть 2 - Урок № 1 Учимся делать рамочки
Часть 3 - Урок №2 Учимся делать рамочки
Часть 4 - Урок №3 Учимся делать рамочки
Часть 5 - Урок №4 Учимся делать рамочки
Часть 6 - Учимся делать простую рамочку
...
Часть 13 - УРОКИ -окошки для текста и кнопки
Часть 14 - Рамочка для видео
Часть 15 - Рамочка для видео

В этом уроке ,будем делать 2-слойную рамочку,

Команда <center>  отвечает за размещение нашей рамочке на листе нашего дневника,то есть ставит рамочку по центру, 

Прежде, чем начать делать рамочки, необходимо позаботиться о закачке фонов, необходимых для создания рамочки. Хранить картинки для фонов можно на http://www.radikal.ru   Там создаем альбомы и помещаем туда свои фоны.  

Для начала возмем однослойную рамочку и разберем ее что к чему и для чего.

Вот такую открыточку можно легко создать в расширенном редакторе дневника.  Не пугайтесь! Все просто и предельно ясно! Один раз потренируйтесь в черновике и наслаждайтесь результатом. 

ПОЛЕЗНЫЕ ТЕГИ ПРИ ИЗГОТОВЛЕНИИ РАМОЧЕК

Ну что ,мои хорошие...продолжим))) Вы меня все порадовали...у ВСЕХ ВСЕ ПОЛУЧИЛОСЬ..вот теперь мы с вами умеем делать пускай пока простую...(но это дело времени!! ) но зато СВОЮ...СОБСТВЕННУЮ...рамочку для всякой всячины))) Что мы умеем... составлять слои, вставлять фоны и картинки, писать текст вместе с оформленными разделителями..то есть писать и вставлять все что пожелаем. Сегодня мы с вами поговорим вот о чем..Я научу вас как сделать ,чтобы все ваши "питомцы" (теги...переносы...картинки...текст..) четко знали свое место..Ведь как это часто бывает, а многие уже с этим я видела столкнулись, вроде пишешь у себя нормально..и картинка встала туда куда надо..и отступ на месте и устраивает..и текст по центру.....и все тип-топ..Копируем ...вставляем не у себя дома и....кошмар...Картинка уехала вбок...текст находится не там где надо...Короче ВСЕ не так как хотелось...Вот для этого есть много хитрых штучек...чтобы раз и навсегда научить все эти непослушные вещи выполнять ваши команды...Раз  сказали....так оно и будет  ВЕЗДЕ и ВСЕГДА..
(СМОТРЕТЬ ЦЕЛИКОМ)

Серия сообщений "Изготовление рамочек":

Часть 1 - Урок 5. Делаем вместе рамку с уголками.
Часть 2 - Делаем рамочку с картинками
...
Часть 9 - ИЗГОТОВЛЕНИЕ РАМКИ С ЗАГОЛОВКОМ
Часть 10 - УРОКИ ФОТОШОП (ссылки)
Часть 11 - Урок от Zomka. ПОЛЕЗНЫЕ ТЕГИ ПРИ ИЗГОТОВЛЕНИИ РАМОЧЕК
Часть 12 - Видеоуроки от Игоря Ульмана (Создание рамки с помощью стиля слоя)
Часть 13 - СОЗДАЁМ РАМОЧКУ В РАМОЧНИКЕ
...
Часть 35 - Создание рельефной рамки в фотошопе
Часть 36 - Рамочники. Инструкция по применению и уроки по созданию рамочек
Часть 37 - Генераторы!!! Четыре в одном!

Серия сообщений "HTML":

Часть 1 - Коды для оформления блога
Часть 2 - ФОРМУЛЫ РАМОЧЕК ПОД РУКОЙ!!!
...
Часть 5 - Рамочки с тегом FIELDSET
Часть 6 - Учебник ЛиРу.
Часть 7 - Урок от Zomka. ПОЛЕЗНЫЕ ТЕГИ ПРИ ИЗГОТОВЛЕНИИ РАМОЧЕК
Часть 8 - (Удобная Альтернатива таблицы цветов во флеш формате)
Часть 9 - КАК ПИСАТЬ КОДЫ НА ДОЩЕЧКАХ
...
Часть 14 - ПАЛИТРА ЦВЕТОВ HTML (буквенные коды цвета)
Часть 15 - Урок для новичков от MANGIANA (конвертация кликабельных картинок в простые, некликабельные)
Часть 16 - КАК СДЕЛАТЬ ЦВЕТНУЮ ССЫЛКУ

Серия сообщений "Шпаргалки":

Часть 1 - Урок от Zomka. ПОЛЕЗНЫЕ ТЕГИ ПРИ ИЗГОТОВЛЕНИИ РАМОЧЕК
Часть 2 - ШПАРГАЛКА ПО УВЕЛИЧЕНИЮ И УМЕНЬШЕНИЮ РАЗЛИЧНЫХ ШРИФТОВ
Часть 3 - ПОЛЕЗНАЯ ШПАРГАЛКА