Как вставить текстовую рамочку в ваш дневник.Подробный урок от Pannamusic
Здравствуйте,мои дорогие!
Очень многие из вас,кто совсем недавно на Ли.ру,обращаются ко мне с просьбой объяснить,как красиво оформлять свои посты с использованием текстовых рамочек.
Специально для вас я расписала этот урок.
Итак,приступим!
Как выяснилось, у многих не только разрезные, но и обычные рамочки, сделанные для Блогов встают на Ли.ру в искаженном виде.
Я обещала помочь и вот, что у меня получилось.
Выкладываю результат - формулу универсального кода, к примеру, для восьмислойной рамочки с картинкой, которая одинаково хорошо встает и в Блогах, и на Ли.ру.
Для восьмислойной рамочки для текста без картинки код будет немного другой
После заполнения этих формул цифрами, мы получим рамочки такие, как здесь
ПОЯСНЕНИЯ
Адр.ФОНА – адрес фона - это ссылка №1 в Радекале (вставляем от кавычки до кавычки без пробелов) Подробно об Адресе изображений я писала здесь и здесь
КОД РАЗДЕЛИТЕЛЯ, КОД КАРТИНКИ можно взять из Радикала Ссылка №6
ЦВЕТ ТЕКСТА – шестизначний код цвета - смотри здесь(вставляем аккуратно от # до кавычки без пробелов)
РАЗМЕР ТЕКСТА в пикселях (px) – двузначная цифра от 10 до 30 (подбирается экспериментально, вставляем аккуратно от : до px без пробелов)
ШИРИНА РАМКИ - это трехзначная цифра, ширина нашей рамочки в пикселах (Например - 650, 700, 800). В рамочке с картинкой ШИРИНА РАМКИ должна быть римерно на 2-4px больше ширины вашей картинки. Просьба = требование: вставляя свои цифры НЕ МЕНЯТЬ САМ КОД РАМКИ
Удачи и всех благ!
С уважением La_Perla (Маргарита)
Многие хотят научиться делать красивые рамки. Вот здесь я собрала для вас формулы рамочек. Вставляйте свои параметры и рамка готова! Удачи вам в работе!!!
Рамку в два слоя мы уже научились делать ЗДЕСЬ.
В три слоя - ЗДЕСЬ.
В четыре слоя - ЗДЕСЬ.
В шесть слоев - ЗДЕСЬ.
Чтобы сделать рамку, которую вы видите, - рамку в 8 слоев, вам достаточно скопировать формулу в окошке под рамкой.
Будем делать вот такую рамочку.
Идем в РАМОЧНИК http://4maf.ru/ramochnik.php
Нажимаем на рамочку,пишем размер рамочки.
Выбираем фон,копируем,идем в рамочник,1)нажимаем на значок-ДОБАВИТЬ ФОН ИЗ ИНТЕРНЕТА.
2)В окошке вставляем ссылку(радикал 1),3)жмем- добро.
Вот появился первый слой-обводки.
Копируем новый фон,идем в рамочник,нажимаем на значок 1),выходит окошко,в нем остался первый фон,его нужно удалить, когда вы наводите мышкой на ссылку она синеет -можно сразу вставить новый фон,а можно сначала удалить фон из окошка,нажав на кнопку Delete,и в пустое окошко вставить новый фон,вставили жмем -добро.
Вот в нашей рамочки уже два слоя.
Теперь нам надо вставить третий слой-слой обводки,он у нас уже есть,копируем из окошка код(действие 2) жмем на значок(действие 1) и в вышедшем окошке вставляем ссылку, по тому же способу,как вставляли второй фон.
Теперь у нашей рамочки -3 слоя.
Ну и остался последний 4 слой для записи текста.Можно его добавить так как и предыдущие,но мы его добавим другим способом,жмем на значок как на картинке,выйдет окошко с палитрой цветов,выбираем какой цвет нам нужен,жмем на него.
И вот наша рамочка в 4 слоя.Вид у нее конечно не ахти...
Сейчас у нас стоят вот такие настройки..
Поменяем настройки,сотрем старые(жмем возле цифры левой кнопкой мышки и сотрем),затем пишем свои значения...
Это более сложная рамка, чем в два или три слоя. И если вы научились делать две предыдущие рамки, то давайте начнем... Рамку в четыре слоя вы видите на экране.
1. center - выравнивание рамки по центру.
2. < table border ="2" > - число 2 - толщина обводки рамки (серый цвет). Если 2 изменим на 0, то контур виден не будет (экспериментируйте!!!)
3."АДРЕС ФОНА"> - на место "Адрес фона" вписываем ссылку на фон.
Первый вариант. Фон заносим через Фоторадикал: http://www.radikal.ru/
Из предложенных в фоторадикале ссылок, для фона возьмите ссылку № 1.
Второй вариант. На любом сайте фонов кликните правой мышкой по понравившемуся фону. Нажмите СВОЙСТВА. Откроется окно. В нем найдите АДРЕС (начинается он всегда с http:). Скопируйте и вставьте в формулу рамки.
4. cellpadding = "50" и cellpadding = "0" - ширина слоёв рамки в пикселях. Можно цифры поменять. (Экспериментируйте!!!)
5. - цвет текста в рамке. (Цвет текста можно изменить.Для этого воспользуйтесь Таблицей "безопасных" цветов http://www.artlebedev.ru/tools/colors/)
6. width="600" - размер рамки, в пикселях.
Величина рамки зависит от величины вашего текста.
7. < tr > - этот тег поддерживает высоту рамки
8. < td > - этот тег поддерживает ширину рамки
9. < font > - этот тег позволяет изменять цвет, размер и тип шрифта текста
Если вы хотите вставить картинку в текст, то вставляйте ее перед словами ВАШ ТЕКСТ (или после).
Это можно сделать двумя способами:
1 вариант. Нажимаете (справа сверху) ФОТО, в открывшемся окне - ОБЗОР (если вы загружаете картинку со своего компьютера), либо ВЫБРАТЬ ИЗ АЛЬБОМА, либо ИЗ ИНТЕРНЕТА (смотря на то, откуда вы берете фото). и снизу нажимаете "ЗАГРУЗИТЬ"
2 вариант Для вставки картинки существует специальный код:
Если нужно разместить картинку слева или справа от текста, то в тег добавляется параметр align:
– картинка слева от текста;
– картинка справа от текста.
Как вставить адрес картинки.
Первый вариант. Адрес картинки заносим через Фоторадикал: http://www.radikal.ru/
Из предложенных в фоторадикале ссылок, возьмите ссылку № 1.
Второй вариант. На изображение картинки в интернете кликните правой мышкой. Откроется окошко. В нем нажмите СВОЙСТВА. Откроется маленькое окно. В нем найдите АДРЕС (начинается он всегда с http:). Скопируйте и вставьте в формулу вставки картинки..
1. center - выравнивание рамки по центру.
2. < table border ="2" > - число 2 - толщина обводки рамки (серый цвет). Если 2 изменим на 0, то контур виден не будет (экспериментируйте!!!)
3."АДРЕС ФОНА"> - на место "Адрес фона" вписываем ссылку на фон.
Первый вариант. Фон заносим через Фоторадикал: http://www.radikal.ru/
Из предложенных в фоторадикале ссылок, для фона возьмите ссылку № 1.
Второй вариант. На любом сайте фонов кликните правой мышкой по понравившемуся фону. Нажмите СВОЙСТВА. Откроется окно. В нем найдите АДРЕС (начинается он всегда с http:). Скопируйте и вставьте в формулу рамки.
4. cellpadding = "50" и cellpadding = "0" - ширина слоёв рамки в пикселях. Можно цифры поменять. (Экспериментируйте!!!)
5. - цвет текста в рамке. (Цвет текста можно изменить.Для этого воспользуйтесь Таблицей "безопасных" цветов http://www.artlebedev.ru/tools/colors/)
6. width="600" - размер рамки, в пикселях.
Величина рамки зависит от величины вашего текста.
7. < tr > - этот тег поддерживает высоту рамки
8. < td > - этот тег поддерживает ширину рамки
9. < font > - этот тег позволяет изменять цвет, размер и тип шрифта текста
Если вы хотите вставить картинку в текст, то вставляйте ее перед словами ВАШ ТЕКСТ (или после).
Это можно сделать двумя способами:
1 вариант. Нажимаете (справа сверху) ФОТО, в открывшемся окне - ОБЗОР (если вы загружаете картинку со своего компьютера), либо ВЫБРАТЬ ИЗ АЛЬБОМА, либо ИЗ ИНТЕРНЕТА (смотря на то, откуда вы берете фото). и снизу нажимаете "ЗАГРУЗИТЬ"
2 вариант Для вставки картинки существует специальный код:
Если нужно разместить картинку слева или справа от текста, то в тег добавляется параметр align:
– картинка слева от текста; – картинка справа от текста.
Как вставить адрес картинки.
Первый вариант. Адрес картинки заносим через Фоторадикал: http://www.radikal.ru/
Из предложенных в фоторадикале ссылок, возьмите ссылку № 1.
Второй вариант. На изображение картинки в интернете кликните правой мышкой. Откроется окошко. В нем нажмите СВОЙСТВА. Откроется маленькое окно. В нем найдите АДРЕС (начинается он всегда с http:). Скопируйте и вставьте в формулу вставки картинки..