Формулы.Коды.Подборка уроков.(Перепост) |
|
Метки: формулы |
Волшебная формула для изменения величины картинки без всяких генераторов. |
Метки: помощь новичкам оформление поста картинки |
Для новичков на Лиру. Вам это пригодится ))) |
Создать опрос Вставляем текст в рамочку Работа с таблицами Панель инструментов Вставляем картинку Вставить код счетчика Удаление ссылок с картинок Убираем под кат И еще много шпаргалок.... |
Серия сообщений "ШПАРГАЛКИ":
Серия сообщений "-HTML":
Метки: оформление постов |
Цветное окошко для кода |
Вот простенькое, с прозрачным фоном: |
А это код нашего простого окошка: |
А можно украсить наше окошко цветом, вот так: |
Вот код цветного окошка: |
Метки: оформление поста |
Всё про картинки. Часть 4. Картинки в ряд и столбик. |
|
Серия сообщений "Памятка для Лиру":
Часть 1 - Бегущая строка из картинок или текста
Часть 2 - Плееры в дневник
...
Часть 8 - Всё про картинки. Часть 2
Часть 9 - Всё про картинки. Часть 3.
Часть 10 - Всё про картинки. Часть 4. Картинки в ряд и столбик.
Метки: оформление постов картинки |
Формулы.Коды.Подборка уроков.(Перепост) |
|
Метки: оформление поста |
Комментарий забываешь-в черный список попадаешь. |
1 часть текста | 2 часть текста… |
Ваши слова |
---|
Ваши слова |
---|
ВАШ ТЕКСТ… |
Метки: формулы |
Полезные теги HTML и редакторы онлайн |
Метки: все для лиру оформление поста |
Нужные формулы для дневника |
Картинка обтекаемая текстом Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу. |
|
||||||
Картинка слева от текста Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже. |
|
||||||
Картинка справа от текста Все, точно также, как и в предыдущем случае. Только картинка окажется справа от текста. |
|
||||||
Картинка в центре текста Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным, и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект. Параметр "absmiddle" (выравнивание середины строки относительно середины изображения). |
|
||||||
Текст между двух картинок
|
|
||||||
Картинка между текстом
|
|
Серия сообщений "Все для блога":
Часть 1 - Как сделать кликабельную ссылку
Часть 2 - НЕТ - КАРТИНКАМ В КОММЕНТАРИЯХ!!!
...
Часть 25 - Сетевой этикет (нетикет, сетикет)
Часть 26 - Отличный генератор кода цвета - в помощь для ваших работ
Часть 27 - Нужные формулы для дневника
Метки: оформление поста |
Шпаргалка по HTML № 2 |
Оформление текста
(рекомендую спец. страничку TEXT):
Перечёркнутый текст: ТЕКСТ
Подчёркнутый текст: ТЕКСТ
Полужирный текст: ТЕКСТ
Полужирный крупный: ТЕКСТ
Курсивный текст: ТЕКСТ
Маленький текст: текст
Неразрывный пробел:
Центрирование:
Сноска вверху: ТЕКСТсноска
Сноска внизу: ТЕКСТсноска
Линия:
Я Пишу Лесинкой!!!
РАЗМЕР ШРИФТА:
Уменьшить текст: текст - 2
Увеличить текст на 1 пункт: текст
Увеличить текст на 2 пункта: текст
Увеличить текст на 3 пункта: текст
Увеличить текст на 4 пункта: текст
ЦВЕТ ШРИФТА:
КРАСНЫЙ: красный текст
ЖЕЛТЫЙ: желтый текст
ФИОЛЕТОВЫЙ: фиолетовый текст
ЗЕЛЕНЫЙ: зеленый текст
СИНИЙ: синий текст
ФУКСИЯ: фуксия текст
Таблица “базовых” цветов (вводим “Имя” или “Код”):
Имя | Код | Имя | Код | Имя | Код | Имя | Код |
---|---|---|---|---|---|---|---|
aqua | #00FFFF | green | #008000 | navy | #000080 | silver | #C0C0C0 |
black | #000000 | gray | #808080 | olive | #808000 | teal | #008080 |
blue | #0000FF | lime | #00FF00 | purple | #800080 | white | #FFFFFF |
fuchsia | #FF00FF | maroon | #800000 | red | #FF0000 | yellow | #FFFF00 |
ВИД ШРИФТА:
Шрифт этого текста “Monotype Corsiva”
Все вышеперечисленные атрибуты тега font можно объединять в одном теге:
Шрифт этого текста “Monotype Corsiva”
код этого текста:
Оформление ссылок (рекомендую спец. страницу Ссылки):
Как вставить ссылку на веб-страницу:
Как сделать, чтобы картинка была ссылкой на веб-страницу:
Как вставить ссылку на веб-страницу, чтоб она открылась в новом окне:
Спец. теги ЖЖ:
Элементарный жж-кат (с “Read more”):
жж-кат с ВАШИМ ПОДЗАГОЛОВКОМ:
Работу ката не видно в режиме “ПРОСМОТР”
Как в сообщение вставить жж-пользователя чтобы это выглядело, например, так: wildmale
Сссылка на сообщество, например: aforism
делается точно так же:
Если надо так:
или так:
Вместо wildmale пишем Дикий самец:
Ежели надо с “человечком”: Дикий самец:
Скопировав код, не забудьте поменять реквизиты.
Вставка МЕДИА-файлов:
Видео, флеш и проч. в ЖЖ вставляются так:
Публикация картинок:
Код любой картинки в сети в простом варианте выглядит так:<img src="http://.../...jpg">
Уникальный URL (http://.../...jpg
) выдает картинке хостинг, куда ее необходимо закачать с компа.
Совсем “чайникам” рекомендую (для ЖЖ):
1.Открываешь ljplus.ru
2. Регистрируешься
3. Жмешь: КАРТИНКИ-ЗАГРУЗИТЬ-ОБЗОР-ЖМИ УЖЕ!
4.Смотришь на HTML-коды и копируешь нужный в поле поста или каммента
5. Постишь. Становишься знаменитым.
В каменты картинки ставятся аналогично, кат не работает.
Как сделать, чтобы текст «обтекал» картинку?
Легко - картинка слева, текст справа:
добавляем в код картинки:
align=left hspace=20
Код картинки примет вид:
<img src="http:…" align=left hspace=20>
Помни:
align=left – картинка слева, текст справа
align=right - картинка справа, текст слева
hspace=20 - расстояние между текстом и картинкой 20 пиксел по горизонтали
vspace=20 - расстояние между текстом и картинкой 20 пиксел по вертикали
Код картинки с плавным обтеканием текстом справа и снизу (или сверху):
<img src="http:…" align=left hspace=20 vspace=15>
Прекратить обтекание и вернуть текст под картинку можно тэгом <br>
Закрывать не надо, он работает один. <br> выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter.
<br><br><br> - три пустые строки.
Вставить две и более картинки горизонтально:
Регулируем расстояние меж картинками по-горизонтали:
С помощью “неразрывного пробела”:
Расстояние, равное 8 пробелам будет выглядеть так:
Вставляется меж кодов картинок, есс-но
Если надо всплывающую подсказку при наведении курсора на картинку, как здесь: - введите в код картинки title="ТЕКСТ"
Если надо цветную рамку , добавьте в код картинки:
Чтоб быстро вставить картинку с другого сайта, вставьте в пост:
затем войдите в “Свойства” картинки на этом сайте, скопируйте ее URL и вставьте в код меж кавычек
Изменить размер картинки можно с помощью атрибутов width (ширина) и height (высота). Вставьте в код картинки, например, width=300 и ваша картинка будет шириной 300 пикселов, высота подгонится пропорционально. Браузер при этом все равно подгружает изначальную картинку, и если та весила 3МБ, то меньше не станет:)
Как запостить галерею? Узнай ЗДЕСЬ
Как запостить слайдшоу? Узнай ЗДЕСЬ
Можно сделать покрасивше:
Кнопка-ссылка на веб-страничку
Например, на эту:
Метки: оформление поста |
Формулы и коды |
В помощь для удобства и компактности ведения дневников
Это формула кнопок в форме таблички - бродилки. Использовать можно как угодно - ваши фантазии!
|
Метки: оформление поста |
Кладезь для всех начинающих... |
маленький текст Увеличить текст+1: Увеличить текст+2: Увеличить текст+3: Увеличить текст+4: КРАСНЫЙ: ЖЕЛТЫЙ: ФИОЛЕТОВЫЙ: ЗЕЛЕНЫЙ: КОРИЧНЕВЫЙ: ГОЛУБОЙ: СИНИЙ: ФУКСИЯ: текст по центру бегущая влево строка бегущая вправо строка текст с правого краю в две строчки с выравниванием справа текст с правого краю в две строчки с выравниванием слева <li>ВАШ ТЕКСТ<br /><br /> </li><li>ВАШ ТЕКСТ<br /><br /> </li></ul>
"закрепитель" текст остается таковым, каким вы его пишете Я пишу как хочу!!! Процитированый в отдельном блоке текст у которого будет небольшой отступ слева.
Привет! В этом абзаце первое предложение будет с отступом. Прямо как в книгопечати. Правда, в интернете это редкая практика.
получается: МОЙ ДНЕВНИК НА ЛИРУ Для того, чтобы поместить картинку, которая уже лежит где-то в интернете, надо написать следующее (без звёздочки): <*a href="адрес ссылки">Имя ссылки<*/a> где "адрес ссылки" - полный адрес (http:// и т.д.) <*a href="адрес ссылки"><*img src="адрес картинки"><*/a> P.S. И не забудьте, что символ "звёздочка" ("*") везде необходимо удалить. Сделать слайд-шоу Если Вы хотите сделать слайд-шоу, а не убирать картинки (фотографии) под кат, то просто воспользуйтесь приведёнными в таблице кодами.
100рх – это размер окна, в котором будет показано шоу, поменяв это значение на нужное Вам, Вы получите подходящий размер окна. scrollamount="5" - поменяв цифру 5 на другую Вы измените скорость движения. |
Метки: помощь новичкам оформление поста |
ПОЛЕЗНАЯ ШПАРГАЛКА |
Серия сообщений "Всякая всячина":
Часть 1 - Каталог интересных и полезных сайтов
Часть 2 - Ссылки на лучшие бесплатные программы
...
Часть 24 - Конвертация видео в музыку и анимацию + обрезка звука
Часть 25 - Полезные бытовые советы
Часть 26 - ПОЛЕЗНАЯ ШПАРГАЛКА
Серия сообщений "Шпаргалки":
Часть 1 - Урок от Zomka. ПОЛЕЗНЫЕ ТЕГИ ПРИ ИЗГОТОВЛЕНИИ РАМОЧЕК
Часть 2 - ШПАРГАЛКА ПО УВЕЛИЧЕНИЮ И УМЕНЬШЕНИЮ РАЗЛИЧНЫХ ШРИФТОВ
Часть 3 - ПОЛЕЗНАЯ ШПАРГАЛКА
Серия сообщений "Палитры цветов":
Часть 1 - Таблица для грамотного комбинирования разных цветов
Часть 2 - Налетай ! Сразу 6 !!! флеш-генераторов подбора цвета !!!
...
Часть 5 - Как быстро определить код цвета на экране?
Часть 6 - БЕСПЛАТНАЯ ПРОГРАММА PAINT.NET
Часть 7 - ПОЛЕЗНАЯ ШПАРГАЛКА
Метки: шпаргалка кодов |
Делаем пост, эпиграф или картинки "с прокруткой" |
Как сделать сильно большой текст с прокруткой, что бы пост не был сильно длинным? Или как сделать прокручивающиеся картинки (слайдшоу) прямо в сообщении?
Метки: оформление поста |
Простые Рамки с Заголовком. |
Метки: делаем простые рамочки с заголовком |
Шпаргалочка по тегам |
Метки: оформление поста |
Как загрузить Музыку к себе в дневник на ЛиРу |
Продолжаем тему оформления своего дневника.
По вашей просьбе объясняю как вставить Музыку в свой дневник.
№1 способ.
Нажали НОВАЯ ЗАПИСЬ и вверху МУЗЫКА.Дальше делаем как у меня на картинке.
ЗДЕСЬ далее...SvetlanaT
Метки: музыка-инструкция по загрузке |
html коды для текста |
Серия сообщений "Шпаргалки":
Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 23 - Простейший генератор оригинальных рамочек
Часть 24 - Бродилка по урокам по ЛиРу
Часть 25 - html коды для текста
Метки: новичкам на лиру |
Справочник по основным тегам HTML. |
Серия сообщений "Шпаргалки":
Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 18 - Как правильно вставлять код в окошко для кодов.
Часть 19 - Рамочки с флагом своей страны.
Часть 20 - Справочник по основным тегам HTML.
Метки: текст |
Работа с картинками |
Серия сообщений "Шаблоны":
Часть 1 - Меняем цвет под определённым участком текста
Часть 2 - Делаем рамочку с картинками
...
Часть 38 - Создание таблиц и картинки в ряд
Часть 39 - КРАСИВЫЕ ШАБЛОНЫ ДЛЯ ВСТАВКИ МУЗЫКАЛЬНЫХ ПЛЕЕРОВ ОТ lana lanochka
Часть 40 - Работа с картинками
Часть 41 - СОЗДАЁМ СЛАЙД ШОУ
Часть 42 - КАРТИНКА И ФЛЕШКА ПОСЕРЕДИНЕ РАМОЧКИ
Часть 43 - Делаем разноцветное, движущиеся ПРИВЕТСТВИЕ. Урок от SvetlanaT.
Метки: оформление поста |
Текстовые теги на Ли.Ру |
Текстовые теги на Ли.Ру
Текст с отступом от края в 8 пробелов
<blockquote>ВАШ ТЕКСТ</blockquote>
Если хочешь быть здоров - похмеляйся!
Дома бегай без трусов - не стесняйся!
Абзац - редкая практика в инете
<p style="text-indent: 40px">ВАШ ТЕКСТ</p>
Не пытайтесь спорить с дебилом,
иначе Вы опуститесь до его уровня,
где он Вас задавит своим опытом!
Текст справа в несколько строк
с выравниванием СПРАВА
<div align=right>ВАШ ТЕКСТ</div> Меняю срочно
злобу дня на радость ночи!
Текст справа в несколько строк
с выравниванием СЛЕВА
<div style="float:right;">ВАШ ТЕКСТ</div>
Искусство жить состоит в том,
чтобы на всякое злое "р-р-р-"
уметь ответить вежливое "ГАВ!"
Бегущая влево строка (и/или картинка!)
<marquee>ВАШ ТЕКСТ</marquee>
Бегущая вправо строка (и/или картинка!)
<marquee direction="right">ВАШ ТЕКСТ</marquee>
Бегущая от края к краю строка (и/или картинка!)
<marquee behavior="alternate">ВАШ ТЕКСТ</marquee>
Скользящий вверх текст
<marquee direction="up" scrollamount="1" scrolldelay="0" height="45">ВАШ ТЕКСТ</marquee>
Скользящий вниз текст
<marquee direction="down" scrollamount="1" scrolldelay="0" height="45">ВАШ ТЕКСТ</marquee>
Сноска сверху (удобно для показателя степени)
ТЕКСТ<sup>сноска</sup> ТЕКСТ сноска - 120 см2
Сноска снизу (индекс)
ТЕКСТ<sub>сноска</sub> ТЕКСТ сноска - АВ12
Список - жирная точка спереди
<ul>
<li>ВАШ ТЕКСТ
</li><li>ВАШ ТЕКСТ
</li></ul>
- Это Вам не гифы по сайтам тырить!
- Кто юзал мой логин и весь его выюзал?!
Автоматическое формирование списка по пунктам
<ol>
<li> Один из пунктов несортированного списка
<li> Другой такой пункт
</ol>
- Я всегда права!
- Если я не права, то см. п.1
"Закрепить" текст так, как вы его напишите
<pre>ВАШ ТЕКСТ</pre>
Каждый
пишет так,
как ему нравится!
Текст со всплывающей подсказкой
<acronym title="то, что вы пишете во всплывающей подсказке">ВАШ ТЕКСТ</acronym>
Хотите увидать подсказку? - наведите мышкой на это предложение -
всплывет подсказочка.
Метки: оформление постов |
Дизайн сообщений днева с принтскрином |
ВАШ ТЕКСТ |
Ваш текст Ваш текст ттттттттттттт ттттттттттттттттттттттт тттттттттттттттттттттт |
Метки: оформление постов |
Как переименовать много картинок или фото быстро |
|
Метки: оформление постов |
делаем ТАБЛИЦЫ на ЛИру |
ДОРОГИЕ МОИ! несколько своих записей я оформляла вот в таких таблицах , как ЗДЕСЬ : http://www.liveinternet.ru/users/4026647/post332951581/ http://www.liveinternet.ru/users/4026647/post332881459/ http://www.liveinternet.ru/users/4026647/post332877016/ такая передача информации очень наглядна и в тоже время лаконична,поэтому многим понравилась и меня просили объяснить,как я это делаю.. ТАК ВОТ,это совсем не сложно и быстро сделать в РЕДАКТОРЕ CKEditor ЛИру |
Метки: оформление поста |
Текст с тенью без ФШ (в уроках Сергея) |
Вот несколько примеров: *Благодарю *Солнечного утра *Спасибо Формула шрифта text-shadow:1px 1px 1px - значения 1px тоже можно менять |
Метки: оформление поста |
Все для дизайна сайта! Бесплатно! |
Думаю, не открою ничего нового, если скажу, что каждый блогер стремится сделать свой дневник самым красивым, самым запоминающимся. Таким, чтобы читатели чувствовали себя комфортно и возвращались вновь и вновь почитать что-нибудь интересное и полезное. Я не люблю блоги и сайты, которые оформлены скупо. Второй раз уже не захожу. Ничего в них не привлекает. Видно сразу, что автор работает без души. Он просто пишет статьи и не думает о том, что читатели любят еще и все красивое. Даже статью и ту надо оформить так, чтобы читатель захотел ее прочитать. Вы скажете: "Хорошо тебе. Ты много знаешь и умеешь. А я - нет. Я только учусь." И справедливо скажете. Особенно трудно новичкам. По себе знаю, как это трудно. И очень хорошо помню как искала в интернете разные сервисы, чтобы сделать, например, баннер хороший. Как училась работать с картинками.... Да блогеру вообще много чего нужно знать. Я очень люблю своих читателей и поэтому стараюсь помочь им всем, чем могу. Вот и сегодня у меня есть для Вас сюрприз - целая кладовая полезностей для дизайна Вашего сайта или блога! Начиная с фонов и заканчивая кодами html. Не буду Вас томить подробностями. Переходите СЮДА и пользуйтесь! |
Метки: оформление дневника оформление поста делаем рамочки |
Запись с "прокруткой" на примере |
Картинка (её ширина не должна быть шире текстового поля рамки 360пик) Сам пост (После того, как вы вставите свой текст,все мои слова удалите. ) Вставлять рамку надо так: копируете код из окошечка под рамкой ,клик на *НОВАЯ ЗАПИСЬ* - в левом верхнем углу странички Вашего дневника ,откроется простой редактор и здесь клик на *ПЕРЕЙТИ К ПОЛНОЙ ФОРМЕ*– в правом верхнем углу странички – опять откроется текстовый редактор,но только,полный.Здесь в строке *Заголовок* пишите название,а в большое белое текстовое поле вставляете код рамочки,в строке *Метки* пишите ваши метки и кликаете на "Опубликовать"- рамка появится на вашей страничке в дневнике По мере заполнения рамки текстом появится прокрутка справа
|
Метки: оформление поста делаем рамочки |
Промотка текста в записи и Путешественник во времени Д.Тайтор |
Я уже приводил пример Прокрутки текста с картинкой. Бывает, что мы помещаем объёмный текст, а под "катом" не все читают, помещать весь текст, не скрывая, тоже неудобно для лент чтения. Хочу напомнить формулу "промотки" текста. Просто скопируйте формулу, которая представлена ниже, удалите знак * и вставляйте в Редактор записи, потом помещайте текст <*div style="height:300px;overflow:auto;padding:8px;">текст</div> Высоту рамки прокрутки можно изменить - вместо 300 вставить нужный размер. Можно воспользоваться онлайн-генератором промотки текста⇊ Удачи, друзья, и творческого настроения! Смотрите ещё формулы и коды здесь Гость из будущего - Джон Тайтор (пример с интересным материалом)
Джон Тайтор – человек, который провозгласил сам себя гостем из будущего, путешественником во времени, пришельцем из 2036 года. Он изрядно всколыхнул Интернет-форумы в самом начале 2000-х, вызывая своими предсказаниями обсуждения и споры. Говорят, что некоторые его предсказания сбылись, а личность Джона Тайтора так и осталась тайной. Имя Джона Тайтора (John Titor) впервые появилось на форуме Time Travel Institute в ноябре 2000 года, впрочем именно тогда он подписывался еще TimeTravel_0, а вскоре он дал и свое 'имя' - Джон Тайтор. О себе он рассказал, что он солдат из будущего, из 2036 года, и в его времени наш мир уже уничтожен неким компьютерным вирусом. Так, миссия путешественника во времени – вернуться в далекий 1975 год и уничтожить компьютер IBM 5100, чтобы исправить плачевное будущее планеты. Участники форума с энтузиазмом расспрашивали путешественника во времени, задавали ему вопросы про ближайшее будущее, а Тайтор охотно отвечал, не забывая напоминать, что реальность не одна на всех, и его реальность необязательно совпадает с другими. Как бы ни было, он вызвал просто огромный интерес к своей персоне, а его предсказания на близкое будущее пользовались огромным интересом и обсуждались самым широким образом. Так, он в частности предсказал войну в Ираке, хотя и весьма расплывчато. Впрочем, некоторые из прогнозов не сбылись совсем. Так, Джон Тайтор рассказал, что в будущем США будут разбиты на несколько регионов, а в итоге подвергнутся ядерной атаке. О себе он рассказывал, что попал в 2000 год попутно, решив заехать в это время по причинам лично характера – увидеть свою семью, собрать кое-какие фотографии. На самом же деле его конечная цель - 1975 год. Итак, среди предсказаний Джона Тайтора была гражданская война в США, ядерная атака, война в Ираке, перенос столицы США в штат Небраска, и даже расплывчатый намек на Третью мировую войну. Несколько раз Тайтор весьма подробно описывал машину времени, активно оперируя техническими характеристиками аппарата, и даже, говорят, представил ее весьма нечеткую фотографию. В марте 2001 года Джон Тайтор написал свой последний пост в Интернете и бесследно и навсегда исчез. Позднее было предпринято несколько частных расследований, в ходе которых никаких сведений о человеке по имени Джон Тайтор выяснено не было. Не нашлось свидетельств и о его семье, и лишь один человек, адвокат Ларри Хабер (Larry Haber) подтвердил его возможное существование. Сегодня все, что касается Джона Тайтора, путешественника во времени и солдата из будущего, принято упоминать с долей скептицизма. Зато более десяти лет назад многие, увлеченные темой будущего, внеземных цивилизаций и прочего, отнеслись к нему с самым живым интересом. Джон Тайтор остался как легенда в Интернете, так и оставшись неразгаданным. Многие называют его мистификатором и даже шарлатаном, другие с уважением относятся к блестящей задумке этого, безусловно, интересного человека с незаурядной фантазией и широкими познаниями в истории, технике, астрологии и космических науках. История Джона Тайтора в свое время широко обсуждалась и стала сюжетом нескольких телевизионных шоу и на радио, а также упоминалась во множестве статей и даже книг. Итак, кем бы ни был Джон Тайтор, или TimeTravel_0, путешественник во времени и солдат из далекого 2036 года, он сумел изрядно всколыхнуть общественность и заставить людей задуматься об истории своей страны и мира, о космосе, о параллельной жизни и другой реальности. link
|
Метки: оформление поста |
Легко делаем таблицу в редакторе Ли рушки |
Метки: оформление постов |
Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих! |
Метки: оформление постов |