-Рубрики

 -Приложения

  • Перейти к приложению Дешевые авиабилеты Дешевые авиабилетыВыгодные цены, удобный поиск, без комиссии, 24 часа. Бронируй сейчас – плати потом!
  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Кнопки рейтинга «Яндекс.блоги» Кнопки рейтинга «Яндекс.блоги»Добавляет кнопки рейтинга яндекса в профиль. Плюс еще скоро появятся графики изменения рейтинга за месяц
  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо

 -Всегда под рукой

 -Поиск по дневнику

Поиск сообщений в Шадрина_Галина

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 22.09.2013
Записей: 1119
Комментариев: 39754
Написано: 41368

Рамочки - линии для выделения текста

Пятница, 17 Апреля 2015 г. 14:00 + в цитатник
0_987c4_60480c65_orig.png
Рамочки линии. Такие простые рамочки можно ставить, если просто хочется как-то выделить весь пост, или только самую важную часть его, при этом фон останется ваш.
1200490775671443952 (1).jpg В рамочку можно вставлять все, что вам захочется, то есть весь ваш пост. Коды каждой такой рамочки внутри конкретной рамки.
Копируйте их, и ставьте в свои записи в Простом редакторе..
Там где написано ВАШ ТЕКСТ- Вставляете свой текст.


В коде рамочек можно заменять цвет ободка рамки, и толщину рамки.
Немного поподробнее об этих кодах.

Посмотрите внимательно на коды таких рамочек. (ниже на рисунке коды нескольких рамочек) Они совершенно одинаковы, и различаются только названием линий, из которых они состоят.
4 (529x153, 23Kb)

Все, что находится до слов ВАШ ТЕКСТ, Это ОТКРЫВАЮЩИЙ ТЕГ РАМКИ, где и находятся все значения рамки (толщина, цвет, размер. Тег /div, который стоит последним, является закрывающим То есть, где вы его поставите, там и будет заканчиваться рамка.

Если в самом конце поста, то в рамке будет весь ваш пост. Если вы хотите выделить в рамку только часть текста, то ставьте его сразу после окончания этой части.

1 (528x78, 8Kb)

В коде можно заменить цвет ободка рамки. Только заменяйте все очень аккуратно, не задевая других кодов. Находим вот такой значок, он обозначает цвет #FFFACD и меняем цвет на тот, который нужен вам.
Коды цветов HTML НАХОДЯТСЯ ЗДЕСЬ

2 (516x102, 7Kb)

Толщину линии ободков рамки, так же можно заменять. Она как обычно в пикселях. Находите это значение, и меняете на свое. От этого сразу меняется вид рамки.

3 (501x98, 5Kb)

Посмотрите на примере как меняется вид рамки.
Рамочка с линией

толщиной 8px


Эта же рамочка, с линией

толщиной 20px


Вот и все настройки по таким рамочкам. Поменять цвет ободков, и толщину стенок рамки совсем несложно. Ставите код рамочки в самом начале вашего поста и все. Если вы берете в рамочку весь ваш пост, то закрывающий тег можете и не ставить, система поставит его сама.
Просто поставьте коды (ДО СЛОВ ВАШ ТЕКСТ), в начале поста, и не заморачивайтесь.

А теперь коды 10 простейших рамочек, с примерами, как выглядят эти рамки.


Ободок рамки выделяется точками.
Меняйте цвет ободков рамки на свой.

КОД рамочки dotted




Ободок рамки - пунктир.
Рамка dashed Цвет краев рамки так же можно поменять на свой. Ищите в коде т#FFFACD и меняйте на цвет, который подходит вам.

КОД рамки dashed




Ободок рамки имеет сплошную линию
solid - ОБОДОК рамки имеет сплошную линию.

КОД рамки solid




Ободок рамки с двойной обводкой
double - ОБОДОК рамки с двойной робводкой.

КОД рамки double





Ободок рамки выделяется в виде кромки
ridge - ОБОДОК рамки выделяется в виде кромки.

КОД рамки ridge





Выпуклый Ободок рамки
outset - ОБОДОК рамки получается выпуклым.

КОД рамки outset





Вдавленный Ободок рамки
inset - ОБОДОК рамки получается вдавленным.

КОД рамки inset




Ободок рамки с выемкой
groove -ОБОДОК рамки с выемкой.

КОД рамки groove




Рамка с разрывом посредине.
ЗАГОЛОВОК Рамка с разрывом для вставки оглавления или картинки

КОД рамки с разрывом




Рамка с разноцветными краями
Все ободки рамки разного цвета. Проставляйте коды цветов очень аккупатно

КОД рамки с разноцветными краями




Пунктирная рамочка с фоном.

ЗДЕСЬ ПИШЕМ ТЕКСТ. Рамочка с белым фоном.

Код рамки с фоном


Успехов в вашем творчестве.
0_987c4_60480c65_orig.png

Серия сообщений "Шпаргалки":
Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
Часть 3 - Рамочки - линии для выделения текста
Часть 4 - БРОДИЛКА ПО САЙТАМ одноразовая e-mail электронная почта
Часть 5 - Разлиновка — шаблоны разлинованных листов всех форматов.
...
Часть 19 - Рамочки с флагом своей страны.
Часть 20 - Справочник по основным тегам HTML.
Часть 21 - Создание рамочек без знаний html всего за пару минут

Метки:  

Процитировано 216 раз
Понравилось: 145 пользователям

koreckolga   обратиться по имени Пятница, 17 Апреля 2015 г. 14:09 (ссылка)
Добрый день, Галочка! Спасибо большое за интересные формулы для рамочек, буду учиться!
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 17 Апреля 2015 г. 15:05ссылка
Да там совсем просто. Ставь их в начале поста, и все. Пост будет в рамочке!
streglova   обратиться по имени Пятница, 17 Апреля 2015 г. 14:10 (ссылка)
Галочка, ты молодец! Помогаешь во всём. Приятных выходных!
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 17 Апреля 2015 г. 15:05ссылка
Спасибо. Я и сама многому учусь вмечте с вами. Просто собрала их в один пост.
Лариса_Виноградова   обратиться по имени Пятница, 17 Апреля 2015 г. 14:12 (ссылка)
Добрый день, Галочка! Спасибо большое!!
Ответить С цитатой В цитатник
Волжанка-52   обратиться по имени Пятница, 17 Апреля 2015 г. 14:14 (ссылка)
Галочка большое спасибо!!!!!!
Ответить С цитатой В цитатник
Вера_Петрикова   обратиться по имени Пятница, 17 Апреля 2015 г. 14:16 (ссылка)
Спасибо Галочка! Цитирую.
Ответить С цитатой В цитатник
Любовь_фрезе   обратиться по имени Пятница, 17 Апреля 2015 г. 14:18 (ссылка)
Спасибо Галочка.Цитирую..
Ответить С цитатой В цитатник
RozArija   обратиться по имени Пятница, 17 Апреля 2015 г. 14:29 (ссылка)
спасибо
Ответить С цитатой В цитатник
Оксана_Тарасенко   обратиться по имени Пятница, 17 Апреля 2015 г. 14:30 (ссылка)
Спасибо большое,Галочка!!!А можно в рамочку с разрывом вставить фон?Если можно,то как будет выглядеть код такой рамки?
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 17 Апреля 2015 г. 15:13ссылка
ЗАГОЛОВОКС фоном код рамки уже будет более сложным. Проще просто ставить фон как обычно к записи. Как сейчас это сделала я. Фон можно подставлять любой.
Перейти к дневнику

Пятница, 17 Апреля 2015 г. 15:14ссылка
огромное спасибо,Галочка!!!
Перейти к дневнику

Пятница, 17 Апреля 2015 г. 15:38ссылка
Не могу поменять цвет текста
Перейти к дневнику

Пятница, 17 Апреля 2015 г. 16:57ссылка
Текст редактируй как обычно. Перед текстом ставь размер, цвет и прочее.
iro4kan   обратиться по имени Пятница, 17 Апреля 2015 г. 14:40 (ссылка)
Спасибо, Галчонок! ведешь просветительную работу , она очень нужна, особенно немолодым людям, недавно пришедшим в инет))
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 17 Апреля 2015 г. 15:14ссылка
Я и сама многому учусь вместе с вами. Просто собрала самые простые рамки в один пост.
levira51   обратиться по имени Пятница, 17 Апреля 2015 г. 15:03 (ссылка)
Спасибо!Нужные рамочки!)
Ответить С цитатой В цитатник
Puxovaia   обратиться по имени Пятница, 17 Апреля 2015 г. 15:17 (ссылка)
Спасибо, Галя!
Ответить С цитатой В цитатник
Моисеева_Надежда   обратиться по имени Пятница, 17 Апреля 2015 г. 15:32 (ссылка)
Спасибо, Галочка!
Ответить С цитатой В цитатник
iro4kan   обратиться по имени Пятница, 17 Апреля 2015 г. 15:40 (ссылка)
рамки эти пафосные не люблю, а вот твои уроки с простым фоном и рамочками безразмерными линеечками мне понравились- они не отвлекают внимания от главного- того, что внутри))
Ответить С цитатой В цитатник
nadmirchik   обратиться по имени Пятница, 17 Апреля 2015 г. 15:43 (ссылка)
Сипасибо Галочка! Попробую разобраться! Вот никак не могу разобраться, как вставить пост с другого ресурса. Я вот часто встречаю интересные уроки по ФШ, а как их к себе перенести не знаю. Пробовала брать ссылку выделенного текста, но он не хочет ставиться. Спасибо за все Галочка!!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 17 Апреля 2015 г. 16:37ссылка
Копируй все, и ставь в расширеном редакторе CKEditor . Вставится все, и картинки и текст. Нажми ПРЕДПРОСМОТР, и посмотри что получилось. Потом отредактируй как тебе надо. Не забудь про ссылку на источник!
Перейти к дневнику

Суббота, 18 Апреля 2015 г. 09:34ссылка
Спасибо большое Галочка! Все время путаюсь - что в какой редактор ставить.
Меня_зовут_Елена   обратиться по имени Пятница, 17 Апреля 2015 г. 15:53 (ссылка)
Огромное спасибо, Галочка!
Ответить С цитатой В цитатник
валентина_полякова   обратиться по имени Пятница, 17 Апреля 2015 г. 15:56 (ссылка)
Добрый день, Галочка! Спасибо большое .
Ответить С цитатой В цитатник
Radeia   обратиться по имени Пятница, 17 Апреля 2015 г. 16:07 (ссылка)
С Благодарностью!
Ответить С цитатой В цитатник
Надежда_Заломина   обратиться по имени Пятница, 17 Апреля 2015 г. 16:08 (ссылка)
Спасибо большое.
Ответить С цитатой В цитатник
Talya6   обратиться по имени Пятница, 17 Апреля 2015 г. 16:13 (ссылка)
Спасибо большое, Галочка.
Ответить С цитатой В цитатник
bolgarozka   обратиться по имени Пятница, 17 Апреля 2015 г. 16:26 (ссылка)
Спасибо, Галчонок!!!!!Приятных выходных!!!!!!!!!!
Ответить С цитатой В цитатник
Lyussi_ya   обратиться по имени Пятница, 17 Апреля 2015 г. 16:43 (ссылка)
Забираю себе, Галина, с огромной благодарностью за уроки!!!!
Ответить С цитатой В цитатник
полячка   обратиться по имени Пятница, 17 Апреля 2015 г. 17:02 (ссылка)
Спасибо Галина за твои уроки и труды!!
Ответить С цитатой В цитатник
valyok   обратиться по имени Пятница, 17 Апреля 2015 г. 17:51 (ссылка)
Галочка СПАСИБО
121935857_aramat_017HУРОК (290x290, 145Kb)
Ответить С цитатой В цитатник
Ирина_Лыткина   обратиться по имени Пятница, 17 Апреля 2015 г. 18:03 (ссылка)
С благодарностью за новый урок Галочка!!поцелуй!
Ответить С цитатой В цитатник
Марина_55   обратиться по имени Пятница, 17 Апреля 2015 г. 18:05 (ссылка)
Очень нравятся такие рамочки, училась их делать на Майле, но сейчас там их теги не работают...
Ответить С цитатой В цитатник
Loreleya-62   обратиться по имени Пятница, 17 Апреля 2015 г. 18:56 (ссылка)
Толково! Спасибо, Галина!
Ответить С цитатой В цитатник
lola-malvina   обратиться по имени Пятница, 17 Апреля 2015 г. 19:20 (ссылка)
Спасибо,Галочка! Мне нравятся такие рамочки-обводки.
Ответить С цитатой В цитатник
Наталья_Юрченко   обратиться по имени Пятница, 17 Апреля 2015 г. 19:24 (ссылка)
Благодарю Галочка! В мейле многое освоила,а здесь надо начинать сначала.
Ответить С цитатой В цитатник
IrinaUl   обратиться по имени Пятница, 17 Апреля 2015 г. 19:39 (ссылка)
Спасибо, Галочка, цитирую с удовольствием и благодарностью.
Ответить С цитатой В цитатник
Аноним   обратиться по имени Пятница, 17 Апреля 2015 г. 20:02 (ссылка)
Спасибо ! Прекрасная работа. Цитирую к себе в днев.
Ответить С цитатой В цитатник    |    Не показывать комментарий
Комментировать К дневнику Страницы: [1] 2 3 [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку