Шаблон:Форум: различия между версиями
Перейти к навигации
Перейти к поиску
Kodor (обсуждение | вклад) (Новая страница: «<h3>Комментарии</h3> <h2> Пример </h2> <!-- Общий элемент для комментариев --> <div class="forum" style="width:50%>...») |
Kodor (обсуждение | вклад) |
||
Строка 11: | Строка 11: | ||
<div class="contents" style="background-color: #f7f7f7; border-style: solid; border-width: thin; | <div class="contents" style="background-color: #f7f7f7; border-style: solid; border-width: thin; | ||
border-color: #ebf0ef; border-radius: 10px"> | border-color: #ebf0ef; border-radius: 10px"> | ||
− | <p style="font-size: 20px;">Пользователь</p> | + | <p style="font-size: 20px;">Пользователь 1</p> |
<p>Реплика №1</p> | <p>Реплика №1</p> | ||
Строка 34: | Строка 34: | ||
border-color: #ebf0ef; border-radius: 10px"> | border-color: #ebf0ef; border-radius: 10px"> | ||
<p style="font-size: 20px;">Пользователь 3</p> | <p style="font-size: 20px;">Пользователь 3</p> | ||
+ | |||
+ | <p>Ответ на реплику</p> | ||
+ | </div> | ||
+ | <p style="margin-bottom: 5px"></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- Ответ на комментарий, располагается внутри элемента комментария, и отстоит от него на 5px вправо --> | ||
+ | </div> | ||
+ | <!-- Первый комментарий в ветке --> | ||
+ | |||
+ | <!-- Первый комментарий в ветке --> | ||
+ | <div class="replica" > | ||
+ | |||
+ | <div class="contents" style="background-color: #f7f7f7; border-style: solid; border-width: thin; | ||
+ | border-color: #ebf0ef; border-radius: 10px"> | ||
+ | <p style="font-size: 20px;">Пользователь 4</p> | ||
+ | |||
+ | <p>Реплика №2</p> | ||
+ | </div> | ||
+ | <!-- Свободное место между комментариями --> | ||
+ | <p style="margin-bottom: 5px"></p> | ||
+ | <!-- Свободное место между комментариями --> | ||
+ | <!-- Ответ на комментарий, располагается внутри элемента комментария, и отстоит от него на 5px вправо --> | ||
+ | <div class="replica" style="position: relative; left: 8%"> | ||
+ | |||
+ | <div class="contents" style="background-color: #f7f7f7; border-style: solid; border-width: thin; | ||
+ | border-color: #ebf0ef; border-radius: 10px"> | ||
+ | <p style="font-size: 20px;">Пользователь 5</p> | ||
+ | |||
+ | <p>Ответ на реплику</p> | ||
+ | </div> | ||
+ | <p style="margin-bottom: 5px"></p> | ||
+ | |||
+ | <div class="replica" style="position: relative; left: 8%"> | ||
+ | |||
+ | <div class="contents" style="background-color: #f7f7f7; border-style: solid; border-width: thin; | ||
+ | border-color: #ebf0ef; border-radius: 10px"> | ||
+ | <p style="font-size: 20px;">Пользователь 6</p> | ||
<p>Ответ на реплику</p> | <p>Ответ на реплику</p> |
Версия 11:59, 9 ноября 2020
Комментарии
Пример
Пользователь 1
Реплика №1
Пользователь 2
Ответ на реплику
Пользователь 3
Ответ на реплику
Пользователь 4
Реплика №2
Пользователь 5
Ответ на реплику
Пользователь 6
Ответ на реплику