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

Konstantine174 · 20 августа

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

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

dds · 20 августа

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

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

Konstantine174 · 24 августа

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

dds · 24 августа

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 августа

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

dds · 25 августа

Да, в fullstory.tpl

Konstantine174 · 25 августа

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

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

dds · 25 августа

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

dds · 25 августа

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

Konstantine174 · 28 августа

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

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

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

germanydletest · 28 августа

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

styles-theme.css, styles.css

В один из этих

dds · 28 августа

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

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

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

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

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

master27 · 28 августа

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

<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 августа

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

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

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

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

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

Konstantine174 2

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

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

dds 42

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

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

Konstantine174 2

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

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

dds 42

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

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

Konstantine174 2

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

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

dds 42

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

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

Konstantine174 2

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

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

dds 42

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

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

dds 42

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

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

Konstantine174 2

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

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

germanydletest 443

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

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

dds 42

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

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

master27 38

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

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

dds 42

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

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

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