Шаблон:Форум: различия между версиями

Материал из deg.wiki
Перейти к навигации Перейти к поиску
(Новая страница: «<h3>Комментарии</h3> <h2> Пример </h2> <!-- Общий элемент для комментариев --> <div class="forum" style="width:50%>...»)
 
Строка 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>

Версия 12:59, 9 ноября 2020

Комментарии

Пример

Пользователь 1

Реплика №1

Пользователь 2

Ответ на реплику

Пользователь 3

Ответ на реплику

Пользователь 4

Реплика №2

Пользователь 5

Ответ на реплику

Пользователь 6

Ответ на реплику