-Интересы

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 18.11.2009
Записей: 11689
Комментариев: 54613
Написано: 97267


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

Четверг, 01 Ноября 2018 г. 11:18 + в цитатник
Цитата сообщения Шадрина_Галина Рамочки - линии для выделения текста

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 - Разлиновка — шаблоны разлинованных листов всех форматов.
...
Часть 28 - Вставляем картинки в свои сообщения
Часть 29 - Справочник html по изображениям
Часть 30 - Как сохранить гифку из Одноклассников


Рубрики:  все для днева/делаем рамки
Метки:  
Понравилось: 2 пользователям

Зоя_Крайсик   обратиться по имени Четверг, 01 Ноября 2018 г. 15:48 (ссылка)
Нина! Как хорошо и доходчиво у Галины написано! мне нравится!!! вот здесь и возьму рамочки!
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 01 Ноября 2018 г. 16:35ссылка
Зоя_Крайсик, я тоже сохранида в документ формулы, чтобы потом не лазить в пост
Перейти к дневнику

Четверг, 01 Ноября 2018 г. 16:38ссылка
Зоя_Крайсик, кстати, ты же понимаешь, что это рамки обводки, т.е. без фона
Зоя_Крайсик   обратиться по имени Четверг, 01 Ноября 2018 г. 15:49 (ссылка)
Нина! очень хорошо написано у Галины! хорошо бы еще НИК вставить... спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 01 Ноября 2018 г. 16:34ссылка
Зоя_Крайсик, приветик Зая, Галина все посты пишет очень понятные и грамотно объясняет, а ник свой можешь вставить сразу в конце формулу рамки или бегущий свой ник, главное вставляй не с новой строки, а впритык, а там у тебя всё получилось с картинкой между текстами?
Перейти к дневнику

Четверг, 01 Ноября 2018 г. 16:44ссылка
Н_НИНА, я ж написала...см. Осенний мотив ... такая лажа вышла! мне не нравится такая заморочка... а с Ником-попробую...спасибо Нинок!!!
Перейти к дневнику

Четверг, 01 Ноября 2018 г. 17:16ссылка
Зоя_Крайсик, Зоечка, я понимаю, что ты написала название поста, нет Это делается так: открываешь тот свой пост (или чей-то) вверху копируешь адресную строку и вставляешь мне (ИЛИ КОМУ) в коммент, в личку, я жму на эту ссылку и сразу вижу пост, например, я тебе говорю, что процитировала хороший пост и кидаю тебе ссылку
https://www.liveinternet.ru/users/3537344/post443179930/
ты на неё жмёшь и вуаля
Перейти к дневнику

Четверг, 01 Ноября 2018 г. 18:12ссылка
Н_НИНА, Нина! да я знаю эту "кухню"...считала, что пост дойдет ...я его уже удалила...
 

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

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

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

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