• Авторизация


Разделяем текст линиями 02-01-2016 21:21 к комментариям - к полной версии - понравилось!

Это цитата сообщения Шадрина_Галина Оригинальное сообщение

Разделяем текст линиями

По просьбам читателей, расскажу как делать в тексте такой элемент, как линии. Делается это очень просто и служит она в основном для разделения текста, или картинок. Вот так




Простая линия задается тэгом <hr /> и не требует закрывающего тэга: Просто там, где вы хотите вставить линию, наберите этот тег. Например я решила набрать тосты на Новый год, а что б они не сливались, разделю из простой линией. Посмотрите на картинке, как это будет выглядеть в кодах.

[600x280]

В моем посте, это будет выглядеть вот так!


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


Поднимем бокалы за то, чтобы проводы старого года отличались от проводов поезда на вокзале: уходящий поезд отнимает друзей и любимых, а уходящий год принесет нам их!
Давайте выпьем за то, чтобы так было всегда!


Давайте выпьем за Деда Мороза и Снегурочку: сколько себя помню, - не болеют, не стареют и деньги на подарки всегда есть!
За то, чтобы мы тоже были такими!




Эти линии можно немного разнообразить и настроить. Например добавить цвет, и эта линия будет цветной. Таблицу кодов цветов ВЗЯТЬ ЗДЕСЬ
Код такой линии.
<hr color="#0ae0a0" />

Просто берем из таблицы код цвета и меняем.
[410x148]

В посте это будет выглядеть вот такой голубоватой линией.



Линию можно сделать более объемной, задав ей толщину линии. Просто поменять цифру.
[386x131]

Выглядит это так



И так же цветной и объемной.



Вот и все премудрости с линиями. Надеюсь у вас все получится! Для вашего удобства коды линий ставлю в конце списком.

Код простой линии "<hr />"
Код Цветной линии <hr color="#0ae0a0" />
Задать толщину линии <hr size="8" />
Линия цветная с заданной шириной "<hr color="cc0000" size="8" />
[412x54]



Серия сообщений "Уроки для блогов":

Часть 1 - Как скопировать текст с сайта, который защищен от копирования.
Часть 2 - Как взять картинку с альбомов Яндекс -фото
...
Часть 35 - Вставляем музыку в дневник из компьютера
Часть 36 - Как расположить текст справа и слева от картинки и т.д
Часть 37 - Разделяем текст линиями
Часть 38 - Как вернуть пропавшую схему оформления дневника.
Часть 39 - Как новичку не заблудится на ЛиРу
...
Часть 45 - Делаем бродилку по рубрикам дневника.
Часть 46 - Несколько важных и нужных советов новичкам
Часть 47 - Помощь новичкам: Тег more или Как убрать текст под кат


вверх^ к полной версии понравилось! в evernote
Комментарии (4):
кот51 02-01-2016-23:30 удалить
Спасибо.Доброй ночи и счастливого пробуждения.
koshkia-947 (59x96, 11Kb)
beryozk 02-01-2016-23:51 удалить
С Новым Годом!
Празднуем!
[427x319]
НАТО70 03-01-2016-00:48 удалить
Ответ на комментарий кот51 # Людочка,доброй ночи!!!Счастья тебе!!!!!!
[287x387]
НАТО70 03-01-2016-00:49 удалить
Ответ на комментарий beryozk # Оленька,С Новым Годом!!
[400x200]


Комментарии (4): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Разделяем текст линиями | НАТО70 - Дневник НАТО70 | Лента друзей НАТО70 / Полная версия Добавить в друзья Страницы: раньше»