Автор снизу статьи

Konstantine174 · 20 августа 2024

Привет. Как сделать чтобы отображался автор статьи, сразу после нее? Как на скрине, но без ссылок на соц сети, к примеру, а например количеством написанных статей и количеством оставленных комментариев. Прикладываю картинку как пример

Изменено 20 августа 2024 пользователем Konstantine174

dds · 20 августа 2024

Через HTML и CSS А так же через Документация по DataLife Engine > Статья целиком > В самом низу страницы найдешь нужные тебе теги. Не забудь только включить вывод всей информации об авторе в публикациях в настройках в оптимизации.

Изменено 20 августа 2024 пользователем dds

Konstantine174 · 24 августа 2024

Не умею я, не получается. Буду искать кто сделает. Вам спасибо.

dds · 24 августа 2024

10 часов назад, Konstantine174 сказал:

Не умею я, не получается. Буду искать кто сделает. Вам спасибо.

Вот набросал на коленке:
HTML :

<div class="container-block">
    <div class="left-column">
        <img class="user-avatar" src="{foto}" alt="{fullname}"> 
    </div>
    <div class="right-column">
        <p class="user-login"> {author} </p>
        <p class="user-info"> {user-info} </p>
	<div class="user-stats">
            <i class="far fa-newspaper"></i> <span> {news-num} </span>
            <i class="far fa-comments"></i>  <span> {comm-num} </span>
        </div>
     </div>
</div>

CSS :

.container-block {
  display: flex;
  width: 100%;
  height: 220px;
  background-color: #f0f0f0;   
}

.left-column {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.right-column {
  flex: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
}

.user-avatar {
  width: 125px;
  height: 125px;
  border: 1px solid #d3d3d3;
  border-radius: 50%;
  object-fit: cover;
}

.user-login  a{
  color: #2f4f4f;
  font-size: 20px;
}

.user-login  {
  font-weight: 600;
}

.user-info {
  margin: 10px;
  font-size: 14px;
}

.user-stats {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 10px;
}

.user-stats i {
  font-size: 16px;
  color: #555;
}

.user-stats span {
  font-size: 14px;
  color: #333;
  margin-right: 10px;
}

Konstantine174 · 25 августа 2024

Спасибо. Это все все в фулстор вставить?

dds · 25 августа 2024

Да, в fullstory.tpl

Konstantine174 · 25 августа 2024

Очень странно, я код удалил и теперь у меня вот так

Изменено 25 августа 2024 пользователем Konstantine174

dds · 25 августа 2024

Потому что код CSS надо добавлять в файл CSS вашего шаблона. А код HTML уже в fullstory.tpl . Немного ввел тебя в заблуждение ответом выше.

dds · 25 августа 2024

У вас ещё иконочный шрифт не подключен судя по фото. Можете подключить в шаблоне main.tpl между тегами <head> </head> поставьте строку

Konstantine174 · 28 августа 2024

25.08.2024 в 22:13, dds сказал:

Потому что код CSS надо добавлять в файл CSS вашего шаблона.

В какой именно файл? У меня их несколько в папке css - bbcodes.css, color.css, engine.css, styles-theme.css, styles.css

germanydletest · 28 августа 2024

3 часа назад, Konstantine174 сказал:

styles-theme.css, styles.css

В один из этих

dds · 28 августа 2024

6 часов назад, Konstantine174 сказал:

В какой именно файл? У меня их несколько в папке css - bbcodes.css, color.css, engine.css, styles-theme.css, styles.css

Лучше всего в конец styles.css как то так:

/*-------   Блок "об авторе" в шаблоне fullstory.tpl   -------*/
   Сюда поместите код CSS

В других файлах он тоже будет работать, но они используются как основные файлы стилей, содержащие базовые стили для сайта, цветовой схемы сайта либо же стили для форматирования текста. Не надо делать путаницу.

master27 · 28 августа 2024

Пипец раздули тему, у автора спросить не судьба?
Замените весь "выше приведённый" код в полной новости, стили не нужны.

<article class="story p b-r_4 m-b">
	<div class="d_flex">
		<div class="hide_800">[profile]<img class="b-r_4 b" src="{foto}" alt="{login}" height="100" width="100"/>[/profile]</div>
		<div class="m-l flex_1-1-0">
			<div class="sp-b">
				<div class="d_flex f-w_700">
					[online]<svg xmlns="http://www.w3.org/2000/svg" width="20" height="16" fill="currentColor" class="text-green" viewBox="0 0 20 16"><path fill-rule="evenodd" d="M8 13A5 5 0 1 0 8 3a5 5 0 0 0 0 10z"/></svg>[/online]
					{author}
				</div>
				<div class="flex_1-1-0 text-muted f-s_90">
					[user-info]{user-info}gfdf[/user-info]
					[not-user-info]Информация о себе не была указана в профиле автора[/not-user-info]
				</div>
			</div>
			{*<div class="sp-b f-s_80">{group}</div>*}
			<div class="text-muted f-s_90">
				{news-num} [declination={news-num}]пост|а|ов[/declination]
				[comm-num]<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/></svg>{comm-num} [declination={comm-num}]ответ|а|ов[/declination][/comm-num]
			</div>
		</div>
	</div>
</article>

dds · 29 августа 2024

22 часа назад, master27 сказал:

Пипец раздули тему

Для этого форум и существует. Как бы даже вот есть такое ему определение: Форум (общение) — место (площадка) для общения и споров людей на различные темы

Автор снизу статьи

Рекомендованные сообщения

Konstantine174 2

Ссылка на сообщение

Поделиться на других сайтах

dds 57

Ссылка на сообщение

Поделиться на других сайтах

Konstantine174 2

Ссылка на сообщение

Поделиться на других сайтах

dds 57

Ссылка на сообщение

Поделиться на других сайтах

Konstantine174 2

Ссылка на сообщение

Поделиться на других сайтах

dds 57

Ссылка на сообщение

Поделиться на других сайтах

Konstantine174 2

Ссылка на сообщение

Поделиться на других сайтах

dds 57

Ссылка на сообщение

Поделиться на других сайтах

dds 57

Ссылка на сообщение

Поделиться на других сайтах

Konstantine174 2

Ссылка на сообщение

Поделиться на других сайтах

germanydletest 458

Ссылка на сообщение

Поделиться на других сайтах

dds 57

Ссылка на сообщение

Поделиться на других сайтах

master27 39

Ссылка на сообщение

Поделиться на других сайтах

dds 57

Ссылка на сообщение

Поделиться на других сайтах

Присоединяйтесь к обсуждению