Всем привет! Подскажите пожалуйста кто-нибудь куда копать:
Как убрать вот такое всплывающее окно и разместить контакты сразу под аватарой?
Из этого:
Изображение
Нужно сделать вот это:
Изображение
Комментарии: 3

CabinetAdmin 12 мар 2019, 16:05 Сообщение

В файле viewtopic_body надо найти:

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

		<!-- IF not S_IS_BOT and .postrow.contact -->
			<dd class="profile-contact">
				<strong>{L_CONTACT}{L_COLON}</strong>
				<div class="dropdown-container dropdown-left">
					<a href="#" class="dropdown-trigger" title="{postrow.CONTACT_USER}">
						<i class="icon fa-commenting-o fa-fw icon-lg" aria-hidden="true"></i><span class="sr-only">{postrow.CONTACT_USER}</span>
					</a>
					<div class="dropdown">
						<div class="pointer"><div class="pointer-inner"></div></div>
						<div class="dropdown-contents contact-icons">
							<!-- BEGIN contact -->
								{% set REMAINDER = postrow.contact.S_ROW_COUNT % 4 %}
								<!-- DEFINE $S_LAST_CELL = ((REMAINDER eq 3) or (postrow.contact.S_LAST_ROW and postrow.contact.S_NUM_ROWS < 4)) -->
								<!-- IF REMAINDER eq 0 -->
									<div>
								<!-- ENDIF -->
									<a href="<!-- IF postrow.contact.U_CONTACT -->{postrow.contact.U_CONTACT}<!-- ELSE -->{postrow.U_POST_AUTHOR}<!-- ENDIF -->" title="{postrow.contact.NAME}"<!-- IF $S_LAST_CELL --> class="last-cell"<!-- ENDIF --><!-- IF postrow.contact.ID eq 'jabber' --> onclick="popup(this.href, 750, 320); return false;"<!-- ENDIF -->>
										<span class="contact-icon {postrow.contact.ID}-icon">{postrow.contact.NAME}</span>
									</a>
								<!-- IF REMAINDER eq 3 or postrow.contact.S_LAST_ROW -->
									</div>
								<!-- ENDIF -->
							<!-- END contact -->
						</div>
					</div>
				</div>
			</dd>
		<!-- ENDIF -->
и заменить на:

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

		<!-- IF not S_IS_BOT and .postrow.contact -->
			<dd class="profile-contact">
				<strong>{L_CONTACT}{L_COLON}</strong>

				<!-- BEGIN contact -->
					{% set REMAINDER = postrow.contact.S_ROW_COUNT % 4 %}
					<!-- DEFINE $S_LAST_CELL = ((REMAINDER eq 3) or (postrow.contact.S_LAST_ROW and postrow.contact.S_NUM_ROWS < 4)) -->
					<!-- IF REMAINDER eq 0 -->
						<div>
					<!-- ENDIF -->
						<a href="<!-- IF postrow.contact.U_CONTACT -->{postrow.contact.U_CONTACT}<!-- ELSE -->{postrow.U_POST_AUTHOR}<!-- ENDIF -->" title="{postrow.contact.NAME}"<!-- IF postrow.contact.ID eq 'jabber' --> onclick="popup(this.href, 750, 320); return false;"<!-- ENDIF -->>
							{postrow.contact.NAME}
						</a>
					<!-- IF REMAINDER eq 3 or postrow.contact.S_LAST_ROW -->
						</div>
					<!-- ENDIF -->
				<!-- END contact -->

			</dd>
		<!-- ENDIF -->
  • 0
Хочешь поблагодарить? Есть способы - Поддержать проект

alexpavlov 12 мар 2019, 20:14 Сообщение

CabinetAdmin писал(а): В файле viewtopic_body надо найти:

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

		<!-- IF not S_IS_BOT and .postrow.contact -->
			<dd class="profile-contact">
				<strong>{L_CONTACT}{L_COLON}</strong>
				<div class="dropdown-container dropdown-left">
					<a href="#" class="dropdown-trigger" title="{postrow.CONTACT_USER}">
						<i class="icon fa-commenting-o fa-fw icon-lg" aria-hidden="true"></i><span class="sr-only">{postrow.CONTACT_USER}</span>
					</a>
					<div class="dropdown">
						<div class="pointer"><div class="pointer-inner"></div></div>
						<div class="dropdown-contents contact-icons">
							<!-- BEGIN contact -->
								{% set REMAINDER = postrow.contact.S_ROW_COUNT % 4 %}
								<!-- DEFINE $S_LAST_CELL = ((REMAINDER eq 3) or (postrow.contact.S_LAST_ROW and postrow.contact.S_NUM_ROWS < 4)) -->
								<!-- IF REMAINDER eq 0 -->
									<div>
								<!-- ENDIF -->
									<a href="<!-- IF postrow.contact.U_CONTACT -->{postrow.contact.U_CONTACT}<!-- ELSE -->{postrow.U_POST_AUTHOR}<!-- ENDIF -->" title="{postrow.contact.NAME}"<!-- IF $S_LAST_CELL --> class="last-cell"<!-- ENDIF --><!-- IF postrow.contact.ID eq 'jabber' --> onclick="popup(this.href, 750, 320); return false;"<!-- ENDIF -->>
										<span class="contact-icon {postrow.contact.ID}-icon">{postrow.contact.NAME}</span>
									</a>
								<!-- IF REMAINDER eq 3 or postrow.contact.S_LAST_ROW -->
									</div>
								<!-- ENDIF -->
							<!-- END contact -->
						</div>
					</div>
				</div>
			</dd>
		<!-- ENDIF -->
и заменить на:

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

		<!-- IF not S_IS_BOT and .postrow.contact -->
			<dd class="profile-contact">
				<strong>{L_CONTACT}{L_COLON}</strong>

				<!-- BEGIN contact -->
					{% set REMAINDER = postrow.contact.S_ROW_COUNT % 4 %}
					<!-- DEFINE $S_LAST_CELL = ((REMAINDER eq 3) or (postrow.contact.S_LAST_ROW and postrow.contact.S_NUM_ROWS < 4)) -->
					<!-- IF REMAINDER eq 0 -->
						<div>
					<!-- ENDIF -->
						<a href="<!-- IF postrow.contact.U_CONTACT -->{postrow.contact.U_CONTACT}<!-- ELSE -->{postrow.U_POST_AUTHOR}<!-- ENDIF -->" title="{postrow.contact.NAME}"<!-- IF postrow.contact.ID eq 'jabber' --> onclick="popup(this.href, 750, 320); return false;"<!-- ENDIF -->>
							{postrow.contact.NAME}
						</a>
					<!-- IF REMAINDER eq 3 or postrow.contact.S_LAST_ROW -->
						</div>
					<!-- ENDIF -->
				<!-- END contact -->

			</dd>
		<!-- ENDIF -->
Спасибо большое! Буду пробовать
  • 0

LEOPARD 15 май 2019, 08:22 Сообщение

Можно еще просто в CSS добавить:

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

/* Отображение контакт-иконок профиля */
.profile-contact > strong, .profile-contact .dropdown-trigger, .profile-contact .pointer {
	display: none;
}

.profile-contact .dropdown {
	display: block !important;
	margin: 0 !important;
	padding: 0;
	position: static;
}

.profile-contact .dropdown-contents {
	background: none;
	border: none;
	box-shadow: none;
}

.profile-contact .contact-icons > div {
	clear: none;
	float: left;
}

.profile-contact .contact-icons > div > a {
	margin: 0px 0px 0 0;
	padding: 3px;
	background-color: #ffffff;
	background-image: linear-gradient(#ffffff, #e9e9e9);
	border: 1px solid #c7c3bf;
	border-radius: 4px;
	box-shadow: 0 0 0 1px #ffffff inset;
}

.profile-contact .contact-icons > div > a:hover {
	background-color: #e9e9e9;
	background-image: linear-gradient(#e9e9e9, #ffffff);
	border-color: #0a8ed0;
}

.profile-contact .contact-icons > div > a > span.email-icon {
	background-position: -20px 0;
}
  • 0