Milk v2.0.6 - чистый и современный отзывчивый стиль для phpBB 3.2.
Классный стиль для любых идей вашего сайта.
Стоит сейчас 17.00$
Спасибо знакомому поделился безвозмездно :drink:
Нам досталось бесплатно)
+Скриншоты
Только зарегистрированные пользователи могут видеть данное содержимое.
Комментарии: 47

CabinetAdmin 12 июл 2023, 20:30 Сообщение

southklad писал(а): 10 июл 2023, 14:33 только для мобильных версий
Ну тогда надо в responsive/xs-phones.css найти:

Код: Выделить всё

	#site-description {
		width: 100% !important;
	}
и поменять на:

Код: Выделить всё

	#site-description {
		width: 100% !important;
		margin-left: 0;
		margin-right: 0;
		float: none;
		text-align: center;
	}
southklad писал(а): 10 июл 2023, 14:26 Еще можно вопрос
Если мы говорим о форме создания поста, не быстрого ответа, то сначала надо скопировать из просильвера 2 файла: posting_editor и posting_layout.
В posting_layout надо удалить:

Код: Выделить всё

<!-- IF S_SHOW_ATTACH_BOX --><!-- INCLUDE posting_attach_body.html --><!-- ENDIF -->
В posting_editor после:

Код: Выделить всё

	<!-- IF not S_SHOW_DRAFTS -->
		</div>
	</div>
	<!-- ENDIF -->
добавить:

Код: Выделить всё

<!-- IF S_SHOW_ATTACH_BOX --><!-- INCLUDE posting_attach_body.html --><!-- ENDIF -->
и удалить:

Код: Выделить всё

				<!-- IF S_SHOW_ATTACH_BOX -->
					<li id="attach-panel-tab" class="tab">
						<a href="#tabs" data-subpanel="attach-panel" role="tab" aria-controls="attach-panel">
							{L_ATTACHMENTS} <strong id="file-total-progress" class="file-total-progress"><strong id="file-total-progress-bar" class="file-total-progress-bar"></strong></strong>
						</a>
					</li>
				<!-- ENDIF -->
В этом же файле (posting_editor) находятся строки статусов:

Код: Выделить всё

		<!-- IF BBCODE_STATUS -->
		<div class="bbcode-status">
			<!-- IF .smiley --><hr /><!-- ENDIF -->
			{BBCODE_STATUS}<br />
			<!-- IF S_BBCODE_ALLOWED -->
				{IMG_STATUS}<br />
				{FLASH_STATUS}<br />
				{URL_STATUS}<br />
			<!-- ENDIF -->
			{SMILIES_STATUS}
		</div>
		<!-- ENDIF -->
можно заменить <br /> на запятые, можно целиком перенести, а можно вообще всё удалить, всё равно на них никто не смотрит.
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

southklad 12 июл 2023, 23:08 Сообщение

Спасибо, то что надо!!!
  • 0
Изображение

southklad 04 фев 2024, 08:47 Сообщение

А как возможно сделать чтобы первое сообщение в данном стиле было в стиле статьи? Не сбоку, а сверху, да и вообще в принципе убрать лишнее, оставив вверху только ник, мелкий аватар, ну и может иконки профиля и все. По типу как тут
  • 0
Изображение

CabinetAdmin 04 фев 2024, 20:41 Сообщение

Нужно чтобы было установлено расширение First post on every page с правкой отсюда https://www.phpbbguru.net/community/vie ... 11#p471211 И уже в шаблоне можно вырезать какие нибудь элементы в первом сообщении, либо по новому построить его:

Код: Выделить всё

{% if not postrow.S_FIRST_ROW and not S_FIRST_POST_STICKY %}не показывать в первом закреплённом сообщении{% endif %}
или:

Код: Выделить всё

{% if postrow.S_FIRST_ROW and S_FIRST_POST_STICKY %}
	первое закреплённое сообщение
{% else %}
	остальные сообщения в теме
{% endif %}
Здесь на форуме используется второй вариант.
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

southklad 09 фев 2024, 09:34 Сообщение

CabinetAdmin, Попробовал, но или я не то делаю или не так. Мне не нужно чтобы первое сообщение было закреплено, хотя пусть и будет, мне нужно чтобы оно отображалось по типу как тут, автор вверху и минимум полей
  • 0
Изображение

southklad 09 фев 2024, 09:51 Сообщение

Вот нашел как это сделать https://www.phpbbguru.net/community/vie ... hp?t=42744 но сразу несколько вопросов, как сделать чтобы в первом сообщении было только мелкий аватар и ник, как тут, другой информации не нужно. А так же как сделать, чтобы сразу во всех форумах и старых темах уже было так? Спасибо
  • 0
Изображение

southklad 09 фев 2024, 09:53 Сообщение

Эли может это можно сделать вообще без расширения? Чисто подправив дочерний стиль?
  • 0
Изображение

CabinetAdmin 09 фев 2024, 18:38 Сообщение

southklad писал(а): 09 фев 2024, 09:34 Мне не нужно чтобы первое сообщение было закреплено
Тогда первое сообщение на каждой странице (не первое в теме) будет выглядеть по другому. Так нужно?

На вскидку, вот прямо без всего:

Код: Выделить всё

	<div id="p{postrow.POST_ID}" class="post first--post">
		<div class="inner">
			<div class="first--post-profile" id="profile{postrow.POST_ID}"<!-- IF postrow.S_POST_HIDDEN --> style="display: none;"<!-- ENDIF -->>
				<!-- IF postrow.POSTER_AVATAR -->
					<!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}" class="avatar">{postrow.POSTER_AVATAR}</a><!-- ELSE --><span class="avatar">{postrow.POSTER_AVATAR}</span><!-- ENDIF -->
				<!-- ENDIF -->
				<span class="first--post-author"><!-- IF not postrow.U_POST_AUTHOR --><strong>{postrow.POST_AUTHOR_FULL}</strong><!-- ELSE -->{postrow.POST_AUTHOR_FULL}<!-- ENDIF --></span>
				<a class="first--post-date" href="{postrow.U_MINI_POST}" title="{postrow.MINI_POST}"><i class="icon fa-clock-o"></i> {postrow.POST_DATE}</a>
			</div>
			<div class="first--post-postbody postbody bg1">
				
			<!-- IF postrow.S_POST_HIDDEN -->
				<!-- IF postrow.S_POST_DELETED -->
					<div class="ignore" id="post_hidden{postrow.POST_ID}">
						{postrow.L_POST_DELETED_MESSAGE}<br />
						{postrow.L_POST_DISPLAY}
					</div>
				<!-- ELSEIF postrow.S_IGNORE_POST -->
					<div class="ignore" id="post_hidden{postrow.POST_ID}">
						{postrow.L_IGNORE_POST}<br />
						{postrow.L_POST_DISPLAY}
					</div>
				<!-- ENDIF -->
			<!-- ENDIF -->
				<div id="post_content{postrow.POST_ID}"<!-- IF postrow.S_POST_HIDDEN --> style="display: none;"<!-- ENDIF -->>
					<div class="content">{postrow.MESSAGE}</div>

					<!-- IF postrow.S_HAS_ATTACHMENTS -->
						<dl class="attachbox">
							<dt>
								{L_ATTACHMENTS}
							</dt>
							<!-- BEGIN attachment -->
								<dd>{postrow.attachment.DISPLAY_ATTACHMENT}</dd>
							<!-- END attachment -->
						</dl>
					<!-- ENDIF -->
				</div>
			</div>
		</div>
	</div>
это вроде отправной точки, всегда можно что нибудь добавить. В данный момент здесь есть только: аватар, имя, время и само сообщение.

Добавляется это так, находим:

Код: Выделить всё

	<!-- IF postrow.S_FIRST_UNREAD -->
		<a id="unread" class="anchor"<!-- IF S_UNREAD_VIEW --> data-url="{postrow.U_MINI_POST}"<!-- ENDIF -->></a>
	<!-- ENDIF -->
после найденного добавляем:

Код: Выделить всё

<!-- IF postrow.S_FIRST_ROW -->
и следом код структуры сообщения, что я дал выше.

Далее находим:

Код: Выделить всё

	<div id="p{postrow.POST_ID}" class="post has-profile
и перед найденным добавляем:

Код: Выделить всё

<!-- ELSE -->
И последнее, находим:

Код: Выделить всё

<!-- END postrow -->
и перед найденным добавляем:

Код: Выделить всё

<!-- ENDIF -->

Далее стили. Можно, например, в milk.css, в конец:

Код: Выделить всё

/* First Post Mod */
.first--post {
	padding: 15px 0 0;
}
.first--post-profile {
	display: flex;
	align-items: center;
}
.first--post-profile .avatar {
	margin-right: 5px;
}
.first--post-profile img {
	width: 32px;
	height: 32px;
	object-fit: cover;
	object-position: 50% 50%;
	border-radius: 50%;
}
.first--post-postbody {
	width: auto;
	float: none;
	padding: 15px;
	margin-top: 10px;
}
.first--post-author {
	font-weight: 500;
	margin-right: 10px;
}
.first--post-date {
	color: #bec4c9;
}
@media (max-width: 700px) {
	.first--post-profile{
		margin-left: 15px;
	}
}

зы. По мне сюда нужны ещё кнопки, если не все, то хотя бы модераторские.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

southklad 12 фев 2024, 18:36 Сообщение

То что надо, но да, нужно кнопки вернуть, а так же почему все что добавлялось через расширения тоже пропала и на страницах пропала реклама теперь
  • 0

CabinetAdmin 12 фев 2024, 20:29 Сообщение

После:

Код: Выделить всё

					<!-- IF postrow.S_HAS_ATTACHMENTS -->
						<dl class="attachbox">
							<dt>
								{L_ATTACHMENTS}
							</dt>
							<!-- BEGIN attachment -->
								<dd>{postrow.attachment.DISPLAY_ATTACHMENT}</dd>
							<!-- END attachment -->
						</dl>
					<!-- ENDIF -->
добавить:

Код: Выделить всё

					<!-- DEFINE $SHOW_POST_BUTTONS = (postrow.U_EDIT or postrow.U_DELETE or postrow.U_REPORT or postrow.U_WARN or postrow.U_INFO or postrow.U_QUOTE) -->
					<!-- IF not S_IS_BOT -->
						<!-- IF $SHOW_POST_BUTTONS -->
							<ul class="first--post-buttons post-buttons">
								<!-- EVENT viewtopic_body_post_buttons_before -->
								<!-- IF postrow.U_EDIT -->
									<li>
										<a href="{postrow.U_EDIT}" title="{L_EDIT_POST}" class="button button-icon-only">
											<i class="icon fa-pencil fa-fw" aria-hidden="true"></i><span class="sr-only">{L_BUTTON_EDIT}</span>
										</a>
									</li>
								<!-- ENDIF -->
								<!-- IF postrow.U_DELETE -->
									<li>
										<a href="{postrow.U_DELETE}" title="{L_DELETE_POST}" class="button button-icon-only">
											<i class="icon fa-times fa-fw" aria-hidden="true"></i><span class="sr-only">{L_DELETE_POST}</span>
										</a>
									</li>
								<!-- ENDIF -->
								<!-- IF postrow.U_REPORT -->
									<li>
										<a href="{postrow.U_REPORT}" title="{L_REPORT_POST}" class="button button-icon-only">
											<i class="icon fa-exclamation fa-fw" aria-hidden="true"></i><span class="sr-only">{L_REPORT_POST}</span>
										</a>
									</li>
								<!-- ENDIF -->
								<!-- IF postrow.U_WARN -->
									<li>
										<a href="{postrow.U_WARN}" title="{L_WARN_USER}" class="button button-icon-only">
											<i class="icon fa-exclamation-triangle fa-fw" aria-hidden="true"></i><span class="sr-only">{L_WARN_USER}</span>
										</a>
									</li>
								<!-- ENDIF -->
								<!-- IF postrow.U_INFO -->
									<li>
										<a href="{postrow.U_INFO}" title="{L_INFORMATION}" class="button button-icon-only">
											<i class="icon fa-info fa-fw" aria-hidden="true"></i><span class="sr-only">{L_INFORMATION}</span>
										</a>
									</li>
								<!-- ENDIF -->
								<!-- IF postrow.U_QUOTE -->
									<li>
										<a href="{postrow.U_QUOTE}" title="{L_REPLY_WITH_QUOTE}" class="button button-icon-only">
											<i class="icon fa-quote-left fa-fw" aria-hidden="true"></i><span class="sr-only">{L_QUOTE}</span>
										</a>
									</li>
								<!-- ENDIF -->
								<!-- EVENT viewtopic_body_post_buttons_after -->
							</ul>
						<!-- ENDIF -->
					<!-- ENDIF -->
Стили:

Код: Выделить всё

@media (max-width: 700px) {
	.first--post-profile{
		margin-left: 15px;
	}
}
заменить на:

Код: Выделить всё

.first--post-buttons {
	position: absolute;
	top: -45px;
	right: 0;
	max-width: 40px !important;
}
@media (max-width: 700px) {
	.first--post-profile{
		margin-left: 15px;
	}
	.first--post-buttons {
		top: 12px;
	}
}
southklad писал(а): 12 фев 2024, 18:36пропала
Не знаю что точно и в каких местах, а реклама наверно та, что после первого сообщения, но всё это из-за отсутствия событий в структуре. Я просто их туда не добавлял, за исключением кнопок.
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

southklad 13 фев 2024, 06:00 Сообщение

Пробовал эти изменения и нашел глюк, почему то выпадающий список перекрывается рекламой
  • 0
Вложения
Milk v2.0.6 - чистый и современный отзывчивый стиль для phpBB 3.2. - screenshot_5952.jpg

southklad 13 фев 2024, 06:52 Сообщение

CabinetAdmin, Все равно все поубежало, может я не так описываю нужное, мне бы просто профиль сбоку, перенести вверх для первого сообщения и оставить минимум там и все, остальное кнопки, события расширений и прочее чтобы осталось там где и было
  • 0
Изображение

CabinetAdmin 13 фев 2024, 17:29 Сообщение

Ну а как я должен понять то? То минимум, то оставить всё....
Удалить все ранние правки. Найти:

Код: Выделить всё

<div id="p{postrow.POST_ID}" class="post has-profile
и заменить на:

Код: Выделить всё

<div id="p{postrow.POST_ID}" class="<!-- IF postrow.S_FIRST_ROW -->first--post <!-- ENDIF -->post has-profile
Стили:

Код: Выделить всё

@media (min-width: 701px) {
	.first--post .postbody {
		width: auto;
		float: none;
	}
	.first--post .postprofile {
		float: none;
		width: auto;
		display: block;
		text-align: left;
		min-height: auto;
		border-width: 0 0 1px 0;
	}
	.first--post .postprofile dt {
		display: flex;
		align-items: center;
	}
	.first--post .postprofile dd {
		display: none;
	}
	.first--post .has-avatar .avatar-container {
		margin: 0 10px 0 0;
	}
	.first--post .postprofile .avatar {
		width: 32px;
		height: 32px;
		object-fit: cover;
		object-position: 50% 50%;
		border-radius: 50%;
	}
	.first--post .postprofile .username {
		margin-right: 5px;
	}
}
southklad писал(а): 13 фев 2024, 06:00 Пробовал эти изменения и нашел глюк, почему то выпадающий список перекрывается рекламой
Какие изменения? При чём тут реклама?
За всплывающее окно отвечает код в common.css:

Код: Выделить всё

.dropdown .dropdown-contents {
	z-index: 2;
	overflow: hidden;
	overflow-y: auto;
	border: 1px solid transparent;
	border-radius: 5px;
	padding: 7px;
	position: relative;
	max-height: 300px;
}
за размещение по z-оси отвечает z-index: 2;. Нужно увеличить до нужного результата. Либо найти z-index у блока рекламы и уменьшить там.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

southklad 16 фев 2024, 21:51 Сообщение

CabinetAdmin писал(а): 13 фев 2024, 17:29 Ну а как я должен понять то? То минимум, то оставить всё....
Прошу прощения, неверно объяснил (((. Спасибо, вот то что надо!!! Только почему то в моб. версии появляется звание.
  • 0
Вложения
Milk v2.0.6 - чистый и современный отзывчивый стиль для phpBB 3.2. - screenshot_5995.jpg
Milk v2.0.6 - чистый и современный отзывчивый стиль для phpBB 3.2. - screenshot_5995.jpg (2.83 КБ) 156 просмотров
Изображение

southklad 16 фев 2024, 21:54 Сообщение

И как убрать вот это? По сути бесполезное при написании сообщения
  • 0
Вложения
Milk v2.0.6 - чистый и современный отзывчивый стиль для phpBB 3.2. - screenshot_5996.jpg
Milk v2.0.6 - чистый и современный отзывчивый стиль для phpBB 3.2. - screenshot_5996.jpg (12.04 КБ) 156 просмотров
Изображение

Похожие темы