Наверно многие ( и я в том числе) сталкивались с тем, что при попытке вставить фотошопную мейловскую рамочку на Ли.Ру., она (рамка) разрывается по высоте.
Чтобы такого не происходило, надо использовать для рамки другой код. Я знаю, по крайней мере, два варианта. Коды изобретены не мной, вот они:
Первый вариант:
Код рамки:
Второй вариант.
Код рамки:
Напоминаю вам, что ШИРИНА всех частей рамки должна быть ОДИНАКОВОЙ!!!
Удачи!
Это - "style="border: 3px solid orange;" - свойства вашей рамки:
("3px") - толщина рамки
("red") - цвет рамки (я поставила красный)
Параметр "width: 100px" описывает ширину рамки (в пикселях).
Внимание: здесь учитывайте объем текста.В моем случае стоит 400px,
а если,например,всего два слова,то надо уменьшить до 100px или 200px.
Примеряйте по месту.Думаю понятно,да?
Продолжаем учится делать рамочки.
Вот так она будет выглядеть.Это рамочка в три слоя фона.
Два однотонных и один красивый цветочный слой фона.
Внизу я даю КОД "СКЕЛЕТИКА" чтобы вы сделали рамку САМИ.
Делаем рамку ,на свой вкус, так:
Можно фоны взять у меня на Я.ру.Вот ЗДЕСЬ.
Заходим и выбираем фон.НАШЛИ—НАЖАЛИ на него.
Затем находим надпись—Код для вставки на сайт или в блог.
нажали и скопировали где написано— Ссылка на фотографию.
В коде "СКЕЛЕТИКА" где написано 1,2,3СЛОЙ ФОНА.
Внутрь кавычек.Кавычки не трогаем.Вставляете эту ССЫЛКУ.
Если хотите с компа через Лиру-тогда ОБЗОР...
И дальше помотреть можно ЗДЕСЬ.
После 1СЛОЯ фона нашли тег... style="padding:50px"...
"padding:50px"—Это ШИРИНА ЛЮБОГО СЛОЯ ФОНА
—Цифры можно менять по своему вкусу..
Где написано ВАШ ТЕКСТ— Пишите свой текст.
Где написано ССЫЛКА НА ВАШ ДНЕВНИК
и ВАШ НИК—Пишите свой НИК.
Посмотреть как сделать ССЫЛКУ на ваш дневник
и НИК можно ЗДЕСЬ.
Ещё в этом коде можно поменять цвет и размер края рамки её БОРДЮР.
Находим в начале кода тег...="border:10px solid #660000"...
border:10px—Это размер бордюра его ШИРИНА.
Цифру меняйте на свой вкус.
solid #660000"—Это СТИЛЬ БОРДЮРА.
У меня он сплошной.Найти нужный стиль вам можно ЗДЕСЬ.
А цифры—его ЦВЕТ.Названия цвета можно выбрать ЗДЕСЬ.
Вот и всё ВАША рамочка готова.
Пробуйте,экспериментируйте на здоровье.
По просьбам читателей, попытаюсь объяснить как ставить по бокам текста вертикальные разделители, как сейчас они стоят у меня в этом посте. Большой выбор самых красивых вертикальных разделителей, для украшения Ваших постов и блогов можно найти здесь: efachka.ru/post179454015.
Ставятся они точно так же как и картинки. Что бы было понятно всем, и тем кто только начинает знакомится с кодами, напишу все очень подробно. Начну все по порядку. Если вы хотите что бы картинки стояли по краям вашей записи, (КАК СЕЙЧАС В ПРИМЕРЕ), то посмотрим сначала как выглядит просто HTML код картинки или разделителя. Я взяла небольшой вертикальный разделитель, который в Упрощённый формате (в расширенном текстовом редакторе на ЛиРу) выглядит вот так:
Я сделала вот такую рамочку.
Кому она нравится могу научить вас её делать.
Рамочка оригинальная, так как мы берём вместо фона ЛИНЕЕЧКУ.
Взять ЛИНЕЕЧКИ можно ЗДЕСЬ.
Внизу я даю КОД "СКЕЛЕТИКА" и вы делаете рамку САМИ.
Делаем рамку ,на свой вкус, так: ЗДЕСЬ далее...
Пример такой рамочки,как она будет выглядеть.
Можно брать любую КАРТИНКУ -jpg или gif-(блестящую).
Взять картинку или фон можно ЗДЕСЬ.
Внизу я даю КОД "СКЕЛЕТИКА" и вы делаете рамку САМИ.
Делаем рамку ,на свой вкус, так:
Заходим и выбираем картинку.НАШЛИ—НАЖАЛИ на неё.
Дальше внизу В ДРУГОМ РАЗМЕРЕ
-выбрали нужный размер картинки.
Потом эти размеры поменяете в КОДЕ РАМКИ на свои.
..."WIDTH: 780px;ШИРИНА картинки HEIGHT: 600px"ВЫСОТА...
Затем находим надпись—Код для вставки на сайт или в блог.
нажали и скопировали где написано— Ссылка на фотографию.
В коде "СКЕЛЕТИКА" где написано КАРТИНКА— ФОН.
Внутрь кавычек.Кавычки не трогаем.Вставляете эту ССЫЛКУ.
Если хотите с компа через Лиру-тогда ОБЗОР...
И дальше помотреть можно ЗДЕСЬ.
Где написано ВАШ ТЕКСТ— Пишите свой текст.
Где написано ССЫЛКА НА ВАШ ДНЕВНИК
и ВАШ НИК—Пишите свой НИК.
Посмотреть как сделать ССЫЛКУ на ваш дневник
и НИК можно ЗДЕСЬ.
Вот и всё ВАША рамочка готова.
Пробуйте,экспериментируйте на здоровье.
УРОК ОТ ТАМИЛЫ № 1. ТЕМА УРОКА:"УЧИМСЯ БЫСТРО,КРАСИВО ДЕЛАТЬ РАМОЧКУ".
ДОРОГИЕ МОИ ДРУЗЬЯ Я ХОЧУ ВАС НАУЧИТЬ ДЕЛАТЬ БЫСТРО КРАСИВЫЕ РАМОЧКИ.МЕНЯ НАУЧИЛА ЭТОМУ МОЯ ПОДРУГА ТАНЯ ГОРОШКО.ЕЙ ЗА ЭТО БОЛЬШОЕ СПАСИБО.
И ТАК .РАМОЧКА СОСТОИТ С ФОРМУЛЫ В КОТОРУЮ МЫ С ВАМИ БУДИМ ЗАНОСИТЬ ФОНЫ,ОНИ В ФОРМУЛЕ ОБОЗНАЧЕНЫ БУКВАМИ "ФФФ".А ТАКЖЕ БУДИМ ИЗМЕНЯТЬ ШИРИНУ МЕЖДУ ФОНАМИ И КОМУ НЕ НРАВЯТСЯ СЕРЫЕ ПОЛОСКИ МЕЖДУ ФОНАМИ МЫ МОЖЕМ УБИРАТЬ. 1. серые полоски обозначены border="2" меняем на border="0" 2. меняем ширину cellspacing="5"(первое значение) на свой вкус от "2" до "10"(это тонкие линии их называют глиттерами).
заменяем ширину collspacing="20" на свой вкус от "20" до "150". САМА ФОРМУЛА РАМОЧКИ В КОММЕНТАРИЯХ БУДИТ ВАС ЖДАТЬ ПОД УРОКОМ .КОПИРУЙТЕ УРОК И САМУ ЗАГОТОВКУ РАМОЧКИ...ЖЕЛАЮ УДАЧИ!!!
Вот так эта рамка будет выглядеть.
Теперь как её сделать.Внизу в окошке для кодов
Скопируйте "СКЕЛЕТИК" этой рамки.
Тоесть вы полностью эту рамку сделаете
сами и поставите под ней ВАШ НИК.
Код вставлять к себе в дневник в
ПРОСТОМ РЕДАКТОРЕ. ЗДЕСЬ далее...
Типовой код разрезной рамочки, сделанной в фотошопе для Блогов Мэйл.ру я уже давала (Смотри урок)
Повторю его еще раз
А вот на Ли.ру такие рамки встают с разрывами. По многочисленным просьбам выкладываю типовой универсальный код разрезных рамочек, который у меня получился для Лиру.
Еще раз хочется подчеркнуть, что вставлять свои адреса и цифры необходимо аккуратно, от какычки до кавычки, НЕ ОСТАВЛЯЯ ПРОБЕЛОВ.
И еще очень важный аспект - при сохранении частей рамочки на хостинге (Радикале) обязательно снимайте все галочки
Просьба = требование: вставляя свои цифры НЕ МЕНЯТЬ САМ КОД РАМКИ
Удачи и всех благ! С уважением La_Perla (Маргарита)
Делаем рамку под свой дизайн.
Необычность этой рамки в том, что Цвет задан словами.
Это не загруженный фон,а просто название цвета.
В данной рамке это bgcolor="BLUE" —Его можно менять на свой любимый цвет.
Сбоку копируйте код этой рамки и вставляйте к себе в блог.
Где написано ВАШ ЦВЕТ СЛОВОМ —Вставляйте нужный вам цвет,внутрь кавычек.Цвет можно взять Отсюда ЗДЕСЬ далее...
ФОРМУЛЫ РАМОЧЕК
Многие хотят научится делать красивые рамки. Вот здесь я собрала для вас формулы рамочек. Вставляйте свои параметры и рамка готова! Удачи вам в работе!!!
Рамка в два слоя:
Рамка в три слоя:
Рамка в четыре слоя:
Рамка в шесть слоев:
Рамка в восемь слоев:
Рамка с уголками:
Фотошопная рамка:
Подписываем рамку:
для вас Лариса Гурьянова
Здесь располагаете свой текст
Для уголков желательно брать небольшие размеры. Поле, на котором располагается уголок, текстом не заполняется, поэтому при большом размере уголков будут большие отступы.
В данном случае использованы уголки с размерами 185х185рх.
Этот пост делаю по просьбам моих ПЧитателей,
которые ещё только открыли свои дневники на Лиру.
И хотят сделать свой дневник более красивым.
С чего мы начинаем?
Самое первое надо выбрать рамочку которую вы хотите вставить к себе в пост.
Например вот такую.Копируем код РАМКИ.
Делаем так:Нажали на левую кнопку мыши и начинаем выделять всё что вы
видите в окошке потихоньку опуская мышку вниз.Пока код не перестанет крутиться.
Выделили всё.
Теперь правой кнопкой мыши нажали на выделение.Вылезет окошко с надписями.
Вы вибираете КОПИРОВАТЬ.
Или можно иначе нажмите Ctrl + A-Выделить всё и потом Ctrl + C-Копировать.
Всё вы скопировали код.
Теперь открываем свой пост.Смотрим как это сделать Здесь
Так открыли! Нужно ВСТАВИТЬ код РАМКИ в ПРОСТОЙ текстовой редактор.
Это важно!!! Иначе код загрузится не корректно.
Делаем так:Нажали правую кнопку мыши.Опять вылезет окошко.
И нашли слово ВСТАВИТЬ-нажали.И ваш код появится в редакторе.
Или иначе нажали Ctrl + V-Вставили.
Теперь ищем в коде надпись ВАШ ТЕКСТ.
Нашли слово ваш текст! И перед этой надписью пишите свой текст.
Надпись лучше пока не убирать,а оставить как ориентир,
чтобы не запутаться,и не искать потом куда вставлять КАРТИНКУ ИЛИ ТЕКСТ.
Выглядеть это будет так...
Если вы хотите добавить в рамку ешё КАРТИНКУ,линеечку делаем так.
Нашли надпись ОБЗОР-НАЖАЛИ на неё.Вылезет окошко.
Выбрали у себя на компе картинку.Нажали на неё, чтобы она выделилась
и потом в конце жмите на слово ОТКРЫТЬ.
Всё картинка автоматически забьётся к вам в пост.
Нажмите один раз ENTER,чтобы код картинки не слился с кодом рамочки.
Остаётся вам нажать ПРЕДПРОСМОТР и посмотреть загрузилась картинка или нет.
Посмотрели всё нормально.Картинка появилась.Нажимаем РЕДАКТИРОВАТЬ.
У вас должно получится вот так.
Выделили код картинки ,но не полностью,а только то что находится в кавычках.
И правой кнопкой мыши нажали на выделение и СКОПИРОВАЛИ.
Вставляете этот код в код РАМКИ где есть надпись КАРТИНКА или ЛИНЕЕЧКА.
И не забудьте поменять размеры картинки.
width-Ширина картинки. height-Высота картинки.
Теперь нажали ОПУБЛИКОВАТЬ.Смотрите как у вас всё получилось.Если вам всё нравится.
Нажимаете РЕДАКТИРОВАТЬ ещё раз и убираете слово ВАШ ТЕКСТ.
Снова ОПУБЛИКОВАТЬ.Редактировать и опубликовывать можно сколько угодно раз,
пока вам всё не понравится.
И в самом конце жмёте ОПУБЛИКОВАТЬ В ЛИЧНЫЙ ДНЕВНИК.Немного подождать.
И у вас в дневнике оригинальное оформление.
На небольших примерах.Покажу как делать рамку и из чего она состоит.
По мере своих сил объясню самое основное что нужно знать ,чтобы делать рамки не просто копируя чужие,но и получая удовольствие от своих рамочек.
Каждая рамка это таблица и ячейки, составляющие ее, имеют такие свойства, как ширина и высота, выравнивание по ширине и высоте, толщина границы, цвет фона. Эти свойства присваиваются элементам таблицы с помощью параметров WIDTH,HEIGHT, VALIGN, BORDER, BACKGROUND, CELLSPACING, CELLPADDING это не все параметры,но основные, без них невозможно сделать рамку.
Код этой рамки.
Пример такой рамочки,как она будет выглядеть.
Чуть ниже я даю код,чтобы вы могли сделать
рамку какая вам нужна-САМИ.Копируете его
и вставляете к себе в блог а потом...
В коде где написано с1-9 СЛОЙ ФОНА.
Внутрь кавычек.Кавычки не трогаем.
Вставляете свой фон.
Через РАДИКАЛ-ФОТО
Код берёте под № 1.
Где написано КАРТИНКА -Вставляете свою картинку.
Где написано ЛИНЕЕЧКА -Вставляете свою линеечку.
Взять их можно ТУТ,ТУТ,ТУТ
Картинку и линеечку тоже через Радикал-Фото
и т.ж. код № 1.
Где написано ВАШ ТЕКСТ -Пишите свой текст.
Где написано ВАШ НИК -Пишете свой ник.
Вот и всё ВАША рамочка готова.
Пробуйте,экспериментируйте на здоровье.
Посмотреть ещё рамки можно здесь. Все рамки в одном месте.
Если вас устраивает тот фон который есть у вас на страничке.
А пост просто хочется как-то выделить.
Можно выделить рамкой ,а уж какой край будет у рамки
выбирайте сами по НАЗВАНИЮ.
Копируем код и вставляем к себе в блог
в Простом редакторе.
Там где написано ВАШ ТЕКСТ
- Вставляете свой текст.
Ещё в коде можно поменять цвет рамки.
Находим вот такой значёк,он обозначает
цвет#FFFACD и меняем цвет на тот,
который подходит вам. Выбираем цвет.
solid - край рамки имеет сплошную линию.
КОД solid
dotted - край рамки выделяется точками.
КОД dotted
dashed - край рамки - пунктир.
КОД dashed
inset - край рамки получается вдавленным.
КОД inset
outset - край рамки получается выпуклым.
КОД outset
double - край рамки с двойной рамкой.
КОД double
groove - край рамки с выемкой.
КОД groove
ridge - край рамки выделяется в виде кромки.
КОД ridge