Перейти к публикации

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

Konstantine174

Автор: Konstantine174,
в DataLife Engine (Общие вопросы)

 Рассказать Подписчики 1

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

Konstantine174

Konstantine174 3

Опубликовано:
Опубликовано: (изменено)

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

 

15.jpg

Изменено пользователем Konstantine174
Ссылка на сообщение
Поделиться на других сайтах
dds

dds 66

Опубликовано:
Опубликовано: (изменено)

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

Изменено пользователем dds
  • Спасибо 1
Ссылка на сообщение
Поделиться на других сайтах
dds

dds 66

Опубликовано:
Опубликовано:
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;
}

 

  • Нравится 1
Ссылка на сообщение
Поделиться на других сайтах
Konstantine174

Konstantine174 3

Опубликовано:
Опубликовано: (изменено) Автор

 

image.jpg

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

image.jpg

Изменено пользователем Konstantine174
Ссылка на сообщение
Поделиться на других сайтах
dds

dds 66

Опубликовано:
Опубликовано:

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

Ссылка на сообщение
Поделиться на других сайтах
dds

dds 66

Опубликовано:
Опубликовано:

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

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">

Ссылка на сообщение
Поделиться на других сайтах
Konstantine174

Konstantine174 3

Опубликовано:
Опубликовано: Автор
25.08.2024 в 22:13, dds сказал:

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

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

Ссылка на сообщение
Поделиться на других сайтах
dds

dds 66

Опубликовано:
Опубликовано:
6 часов назад, Konstantine174 сказал:

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

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

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

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

Ссылка на сообщение
Поделиться на других сайтах
master27

master27 41

Опубликовано:
Опубликовано:

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

<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

dds 66

Опубликовано:
Опубликовано:
22 часа назад, master27 сказал:

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

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

Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Рассказать
Подписчики 1
Перейти к списку тем
×
×
  • Создать...