Записи Друзья Комментарии
Гаша-Макар
Аватар Гаша-Макар

 -Рубрики


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

Воскресенье, 24 Августа 2025 г. 01:13 + в цитатник
Цитата сообщения Шадрина_Галина
Прочитать целикомВ свой цитатник или сообщество!
По просьбам читателей, расскажу как делать в тексте такой элемент, как линии. Делается это очень просто и служит она в основном для разделения текста, или картинок. Вот так



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

1 (600x280, 111Kb)

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

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

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

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


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

Просто берем из таблицы код цвета и меняем.
3 (410x148, 30Kb)

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


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

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


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


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

Код простой линии &quot; <hr /> &quot;
Код Цветной линии <hr color="#0ae0a0" />
Задать толщину линии <hr size="8" />
Линия цветная с заданной шириной &quot; <hr color="cc0000" size="8" />
(412x54, 10Kb)

 


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

Часть 1 - Как скопировать текст с сайта, который защищен от копирования.
Часть 2 - Как взять картинку с альбомов Яндекс -фото
...
Часть 35 - Вставляем музыку в дневник из компьютера
Часть 36 - Как расположить текст справа и слева от картинки и т.д
Часть 37 - Разделяем текст линиями
 
Рубрики:  § Всё для блога/ЛиРу
Метки:  
Понравилось: 3 пользователям
Нравится

Комментировать — К дневнику — Страницы: [1] [Новые]
 

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

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

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

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


О проекте