1. Внешний вид сайта cotonti.com и возможности движка Cotonti -- это совершенно разные вещи.
2. Глупо считать, что кто-то в Тиме не понимает, что тема Cotcom давно и безнадежно устарела.
3. Ее радикальная модернизация требует общего мнения и согласия по данному вопросу, которые пока отсутствуют.
4. Лучше не трогать то, что работает, чем получить... плохой продукт. Варианты я лично видел и не рекомендую такое лицам с неокрепшей психикой.
5. У вас есть удобный и быстрый движок. Делайте на нем удобные и быстрые сайты и делитесь в коммьюнити своими результатами.
6. ПОСЛЕДНЕЕ: КАКОЕ ОТНОШЕНИЕ 5 ПОСЛЕДНИХ ПОСТОВ ИМЕЮТ К ТЕМЕ ОБСУЖДЕНИЯ?

Вопрос от Kabak решен. Тема закрыта

уникальность идеи - подумайте о вашем сообществе - им нужна уникальность или интуитивно понятный интерфейс?

К сожалению, у оставшихся "динозавров" своё видение их пути в эволюции...  Но у каждого из нас есть шанс клонировать репозиторий и создать свою ветку в эволюции Cotonti

1) Удовольствие от творчества.

2) Новый опыт.

3) Уникальность идеи

4) У каждого есть право выбора как и что ему делать.  Кто-то любит делать сам свой "велосипед". Кто-то любит готовый, крутой , брендовый велосипед. Главное, чтобы все были счастливы.

вот  для творчества и опыта

уникальность идеи - подумайте о вашем сообществе - им нужна уникальность или интуитивно понятный интерфейс?

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

так что да, как вы монетку или медальку не крутите - она всегда будет иметь две стороны, главное без фанатизма, гиперболизация преимуществ одной неизменно повлечет крах другой. это дисбаланс, как байкер на трассе поймал шатуна, исход очевиден

Осмелюсь высказать что писать свою тему с нуля в 2023 это велосипед. Не понимаю это когда есть море готовых фрейморков, в которых уже вс написано как сделать красиво. 

Подключить css стили например того же бутстрап или что еще красивее например uikit - где очень красивые тексты, переносы, блоки, grid, flex, все что только захочешь и даже чуть больше.  Любую тему закидывай и лепи из нее что только пожелаешь

1) Удовольствие от творчества.

2) Новый опыт.

3) Уникальность идеи

4) У каждого есть право выбора как и что ему делать.  Кто-то любит делать сам свой "велосипед". Кто-то любит готовый, крутой , брендовый велосипед. Главное, чтобы все были счастливы.

Подключить css стили например того же бутстрап или что еще красивее например uikit - где очень красивые тексты, переносы, блоки, grid, flex, все что только захочешь и даже чуть больше.  Любую тему закидывай и лепи из нее что только пожелаешь

да, тут много занятых людей. И движком всего два челловека занимаются нынче ( пока что ) 

Поговорите с Алексом или Kort    Вероятно, вы сможете создать приличный , новый скин для этого сайта.  Скин и поиск давно прыгают над своей партой с поднятой рукой ...

Блоки .about и .message - тоже Flex контейнеры для своих  div со своими правилами.

Добавлено 1 минута спустя:

#47157 Argont:

вот визуально, о чем писал выше

ну и при сужении экрана блоки уходят один по одного.  А мне нужно что бы ВСЕГДА !!!  - 

1-2

3-4

5

при любом разрешении экрана

а если я сижу с мобильника, - карточка пользователея и его сообщение на форуме на одном уровне,  - это красиво?

Добавлено 1 минута спустя:

тут все пенсионеры?)

Добавлено 3 минуты спустя:

кто-то уже сделайте нормальный шаблон для этого сайта

Добавлено 1 минута спустя:

людей умных вроде много, а сам сайт по внешности ну никуда - разве что смотреть на старом ламповом LG Flatron 17"

Добавлено 1 минута спустя:

#47157 Argont:

вот визуально, о чем писал выше

ну и при сужении экрана блоки уходят один по одного.  А мне нужно что бы ВСЕГДА !!!  - 

1-2

3-4

5

при любом разрешении экрана

Добавлено 4 минуты спустя:

вот для .about

.about
{
...
  min-width: 180px;
  max-width: 180px;
}

работает

Добавлено 48 секунд спустя:

flex-wrap: wrap  как раз и загибает блок под блок

давно отказался от бутстрапа

Я его и не начинал пользовать - он убивает скорость любого сайта.

кроме вашего личного времени, на поиски решений, уже давно готовых как теорема пифагора - ничего он не убивает, как и любая современная библиотека или фреймворк на JS/CSS

это кейс-тулс (соквояж я инструментами) что бы не изобретать их заново, у любого нормального водителя есть такой чемоданчик

Добавлено 4 минуты спустя:

#47153 Kabak:

4-й блок ещё делится на свои Flex блоки.  они не отображены потому, что пользователь не указал в профиле подпись.

5-й тоже делится на подблоки , но с ними всё в порядке

<div class="uk-card uk-card-default uk-card-body">
	<div uk-grid>
		<div class="uk-width-1-4@m">1</div>
		<div class="uk-width-expand@m">2</div>
	</div>
	<div uk-grid>
		<div class="uk-width-1-4@m">3</div>
		<div class="uk-width-expand@m">
			<div uk-grid>
				<div class="uk-width-1-4@m">4.1</div>
				<div class="uk-width-expand@m">4.2</div>
			</div>
		</div>
	</div>
	<div class="uk-width-1-1">
		5
	</div>
</div>

Леша, если надо указывать ширины, для родителя добавь flex-wrap: wrap, Затем все flex-свойства у потомков замени на ширины в %.

Примерно так:

.forum_post {
    display: flex;
    flex-wrap: wrap;
    background-color: #2F3342;
    border-color: #3f4f5f;
    border-radius: 20px 8px 8px 0;
    box-shadow: 5px 3px 15px #00000080;
    opacity: 1.0;
    transition-duration: 0.5s;
    transition-property: box-shadow, opacity;
    transition: 200ms;
    margin: 30px 0;
}

.about {
 background-color: #2E3342;
 color: #D2E0A4ff;
 padding: 1rem;
 width: 20%;
}

.message {
 background-color: #2E3342;
 padding: 1rem;
 width: 80%;
}

5-й тоже делится на подблоки , но с ними всё в порядке

1 + 2  блоки всегда должны быть над 3-м и 4-м блоками

3 + 4 всегда должны быть слева направо и не уходить вниз - 4-й под 3-й   при этом длинный текст в 3-м блоке должен уходить на новую строку

5 всегда внизу на все 100% пространства под 3-м и 4-м блоками

<div class="uk-card uk-card-default uk-card-body">
	<div uk-grid>
		<div class="uk-width-1-4@m">1</div>
		<div class="uk-width-expand@m">2</div>
	</div>
	<div uk-grid>
		<div class="uk-width-1-4@m">3</div>
		<div class="uk-width-expand@m">4</div>
	</div>
	<div class="uk-width-1-1">
		5
	</div>
</div>

давно отказался от бутстрапа

Я его и не начинал пользовать - он убивает скорость любого сайта.

Добавлено 1 минута спустя:

вот полный СSS  ( я понимаю, что там много лишнего.  Я пока его не чистил )

.forum_post
{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
  background-color: #2F3342;
  border-color: #3f4f5f;
  border-radius: 20px 8px 8px 0;
  box-shadow: 5px 3px 15px #00000080;
  opacity: 1.0;
  transition-duration: 0.5s;
  transition-property: box-shadow, opacity;
  transition: 200ms;
  height: auto;
  margin: 30px 0;
  padding: 0;
  min-width: 560px;
}

.forum_post:hover 
{
  box-shadow: 4px 2px 14px #0000004d;
  opacity: 1.0;
}

.forum_date
{
  border-radius: 20px 8px 0 0;
  color: #D2E0A4ff;
  text-align: left;
  font-size: 85%;
  margin: 0;
  padding: 5px 10px 5px 15px;
  height: auto;
  width: 20%; 
}

.admin
{
  border-radius: 20px 8px 0 0;
  background-image: linear-gradient(to right, #2F3342 50%, #3A4053 );
  color: #D2E0A4ff;
  text-align: right;
  margin: 0;
  padding: 5px 10px;
  height: auto;
  width: 80%;
}

.about
{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: nowrap;
  align-self: flex-start;
  background-color: #2E3342;
  color: #D2E0A4ff;
  text-align: left;
  margin: 0;
  padding: 10px 0 20px 20px;
  height: auto;
  min-width: 150px;
}

.location_length
{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100px;
}

.topic_starter
{
  /*  */
  background: url(../img/author_32.png) no-repeat 50% 50%;
  background-position: 19px;
  width: 52px;
  height: 35px;
  -webkit-filter: drop-shadow(2px 2px 2px #0000007f);
  border-radius: 50%;
  margin-left: 70px;
}


.message
{
  display: flex;
  align-self: flex-start;
  flex-direction: column;
  background-color: #2E3342;
  margin-left: 10px;
  padding: 0;
  height: auto;
  width: 87%;
  justify-content: space-around;
  align-items: flex-start;
  min-width: 420px;
}

.message_body
{
  color:aliceblue;
  align-self: stretch;
/*  min-height: 185px;*/
}

.signature
{
  margin: 5px 5px 10px 5px;
  color: #FFECBE;
  font-size: 85%;
}

.signature_delimiter
{
  /*  border-bottom: 1px solid #a5c29bff;
  border-left: 1px solid #a5c29bff;
  border-right: 1px solid #a5c29bff;
  border-radius: 3px;*/
  background-color: #a5c29bff;
}

.signature_delimiter hr
{
  height: 1px;
  background-color: #404C5Dff;
  border: none;
}

.signature_gold
{
  flex-direction: column;
  align-self: flex-start;
  width: 100%;
  margin: 15px 5px 10px 5px;
  color: #FFECBE;
}

.page_description
{
  text-align: center;
  color: #FFECBE;
  margin-bottom: 10px;
}

блоки из контейнера  Flex    .forum_date  и   .admin

всегда должны быть сверху над всем   они делят простарнствоа 20% и 80%

как это сделать ?

Если тебе принципиально 20% и 80% (т.е. все в %), то и .about надо в проценты:

.about {
 background-color: #2E3342;
 color: #D2E0A4ff;
 padding: 1rem;
 flex: 0 0 20%;
}

Аналогично поступаешь с .forum_date

1 + 2  блоки всегда должны быть над 3-м и 4-м блоками

3 + 4 всегда должны быть слева направо и не уходить вниз - 4-й под 3-й   при этом длинный текст в 3-м блоке должен уходить на новую строку

5 всегда внизу на все 100% пространства под 3-м и 4-м блоками

блоки из контейнера  Flex    .forum_date  и   .admin

всегда должны быть сверху над всем   они делят простарнствоа 20% и 80%

как это сделать ?

я бы сделал так, давно этим пользуюсь и также давно отказался от бутстрапа

всегда должны быть сверху над всем   они делят простарнствоа 20% и 80%

как это сделать ?

Правила для div.about:

.about {
 background-color: #2E3342;
 color: #D2E0A4ff;
 padding: 1rem;
 flex: 0 0 15rem;
}

Правила для div.message:

.message {
 background-color: #2E3342;
 padding: 1rem;
 flex-grow: 1;
}

Текст в блоке .about теперь будет спокойно переноситься. Почему не переносился раньше -- почитай про flex и посмотри на свои начальные правила.

У родителя достаточно будет:

.forum_post {
	display: flex;
	background-color: #2F3342;
	border-color: #3f4f5f;
	border-radius: 20px 8px 8px 0;
	box-shadow: 5px 3px 15px #00000080;
	opacity: 1.0;
	transition-duration: 0.5s;
	transition-property: box-shadow, opacity;
	transition: 200ms;
	margin: 30px 0;
}

.forum-date и .admin проще перенести в блок .message. .div_thanks -- в .about. Как вариант -- использовать отдельные рядные flex-блоки для [div.forum-date div.admin], [div.about div.message] и [div.thanks]. Но если посидеть-подумать, можно и с текущей разметкой справиться)

P.S. color для .about указан с ошибкой

в отладчике это выглядит так

Весь ответ на форуме =  Flex контейнер.  ( на последнем скрине видны блоки )  Блок с текстом ответа просто соскакивает вниз, потому что блок с инфой о юзере стал больше пожидаемого. 

Варианты решения :  Или длинный текст как-то переносить в блоке пользователя или блок с текстом ответа изменять его ширину, чтобы он не соскакивал вниз.

Я предпочитаю, чтобы блок с информацией о пользователе был фиксированного размера.

Добавлено 8 минут спустя:

Обрезание текста таким методом - не совсем красивое и решение конкретного случая, но не панацея от такой проблемы 

<p>{FORUMS_POSTS_ROW_USERLOCATION_TITLE} : {FORUMS_POSTS_ROW_USERLOCATION|cot_string_truncate($this, '14')}</p>

выглядит так :

Добавлено 2 минуты спустя:

Каким образом красиво переносить слова - текст который превышает какие-то размеры по длинне из тега {FORUMS_POSTS_ROW_USERLOCATION} ?