-Рубрики

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

Поиск сообщений в Туся888

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

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 24.03.2014
Записей: 525
Комментариев: 119
Написано: 941


Без заголовка

Понедельник, 12 Октября 2015 г. 05:59 + в цитатник
Цитата сообщения Шадрина_Галина Рамочки - линии для выделения текста

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




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

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




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

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




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

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

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



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

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


Рубрики:  ДЛЯ СЕБЯ ШПАРГАЛОЧКИ
НАУЧИТЬСЯ ДЕЛАТЬ КРАСИВЫЕ САЙТЫ И ОТКРЫТКИ

 

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

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

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

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