|
|
| Строка 1: |
Строка 1: |
| | <h3>Комментарии</h3> | | <h3>Комментарии</h3> |
| − |
| |
| − | <h2> Пример </h2>
| |
| − |
| |
| − | <!-- Общий элемент для комментариев -->
| |
| − | <div class="forum" style="width:40%>
| |
| − |
| |
| − | <!-- Первый комментарий в ветке -->
| |
| − | <div class="replica" >
| |
| − |
| |
| − | <div class="contents" style="background-color: #f7f7f7; border-style: solid; border-width: thin;
| |
| − | border-color: #ebf0ef; border-radius: 10px; padding-left: 5px">
| |
| − | <p style="font-size: 20px;">Пользователь 1</p>
| |
| − |
| |
| − | <p>Реплика №1</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; padding-left: 5px">
| |
| − | <p style="font-size: 20px;">Пользователь 2</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; padding-left: 5px">
| |
| − | <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; padding-left: 5px">
| |
| − | <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; padding-left: 5px">
| |
| − | <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; padding-left: 5px">
| |
| − | <p style="font-size: 20px;">Пользователь 6</p>
| |
| − |
| |
| − | <p>Ответ на реплику</p>
| |
| − | </div>
| |
| − | <p style="margin-bottom: 5px"></p>
| |
| − | </div>
| |
| − | </div>
| |
| − | <!-- Ответ на комментарий, располагается внутри элемента комментария, и отстоит от него на 5px вправо -->
| |
| − | </div>
| |
| − | <!-- Первый комментарий в ветке -->
| |
| − |
| |
| − | </div>
| |
| − | <!-- Общий элемент для комментариев -->
| |
| − |
| |
| − | <code>
| |
| − | <pre>
| |
| | <!-- Общий элемент для комментариев --> | | <!-- Общий элемент для комментариев --> |
| | <div class="forum" style="width:40%> | | <div class="forum" style="width:40%> |
| Строка 168: |
Строка 81: |
| | </div> | | </div> |
| | <!-- Общий элемент для комментариев --> | | <!-- Общий элемент для комментариев --> |
| − | </pre>
| |
| − | </code>
| |
