Новости Joomla

1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 2 Ответов
  • 2254 Просмотров
*

Аня

  • Давно я тут
  • 745
  • 33 / 0
  • Копатыч нестабилен!
Криво выводятся `title` & `data-original-title` в шаблоне
« : 30.11.2017, 23:52:39 »
Приветствую, друзья!
Верстаю сейчас шаблон. Наткнулась на такую проблему - при выводе предыдущего и следующего материала стандартно выводятся также названия этих материалов в виде всплывающих тултипов. Так вот выводятся они у меня в каких-то диких местах - можно сказать, их сильно заносит влево) в левый край экрана. Может быть, кто-то решал такую проблему и смог с этим справиться? Как поставить их на место - а именно приклеить к кнопке "вперед"/"назад", как это сделано в Протостаре?
Где управление ими находится? CSS  я из протостара списала, но не помогло.

Раньше я эту навигацию по статьям тупо удаляла, чтобы не портить картину. Но сейчас хочу разобраться.
Речь идет о вот каком куске кода:
Код
<ul class="pager pagenav">
	<li class="previous">
		<a class="hasTooltip" title="Специалист 3" aria-label="Предыдущий материал: Специалист 3" href="/index.php/spetsialisty/6-spetsialist-3" rel="prev">
			<span class="icon-chevron-left" aria-hidden="true"></span> <span aria-hidden="true">Назад</span>		</a>
	</li>
	<li class="next">
		<a class="hasTooltip" title="Лучший специалист 1" aria-label="Следующий материал: Лучший специалист 1" href="/index.php/spetsialisty/4-luchshij-spetsialist-1" rel="next">
			<span aria-hidden="true">Вперёд</span> <span class="icon-chevron-right" aria-hidden="true"></span>		</a>
	</li>
</ul>
Записан
Fatal error - это не фатально!!! Я проверила.
*

Аня

  • Давно я тут
  • 745
  • 33 / 0
  • Копатыч нестабилен!
Re: Криво выводятся `title` &amp; `data-original-title` в шаблоне
« Ответ #1 : 01.12.2017, 00:41:27 »
Кароче. Я переписала из протостара тонну кода, касающегося тултипов и поповеров - и вуаля! Кому интересно, это реально тонна. Зато тултипы сели на место.
Код
.tooltip {
	position: absolute;
	z-index: 1030;
	display: block;
	visibility: visible;
	font-size: 11px;
	line-height: 1.4;
	opacity: 0;
	filter: alpha(opacity=0);
}
.tooltip.in {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.tooltip.top {
	margin-top: -3px;
	padding: 5px 0;
}
.tooltip.right {
	margin-left: 3px;
	padding: 0 5px;
}
.tooltip.bottom {
	margin-top: 3px;
	padding: 5px 0;
}
.tooltip.left {
	margin-left: -3px;
	padding: 0 5px;
}
.tooltip-inner {
	max-width: 200px;
	padding: 8px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000;
}
.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1060;
	display: none;
	max-width: 276px;
	padding: 1px;
	text-align: left;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,0.2);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	white-space: normal;
}
.popover.top {
	margin-top: -10px;
}
.popover.right {
	margin-left: 10px;
}
.popover.bottom {
	margin-top: 10px;
}
.popover.left {
	margin-left: -10px;
}
.popover-title {
	margin: 0;
	padding: 8px 14px;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.popover-title:empty {
	display: none;
}
.popover-content {
	padding: 9px 14px;
}
.popover .arrow,
.popover .arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.popover .arrow {
	border-width: 11px;
}
.popover .arrow:after {
	border-width: 10px;
	content: "";
}
.popover.top .arrow {
	left: 50%;
	margin-left: -11px;
	border-bottom-width: 0;
	border-top-color: #999;
	border-top-color: rgba(0,0,0,0.25);
	bottom: -11px;
}
.popover.top .arrow:after {
	bottom: 1px;
	margin-left: -10px;
	border-bottom-width: 0;
	border-top-color: #fff;
}
.popover.right .arrow {
	top: 50%;
	left: -11px;
	margin-top: -11px;
	border-left-width: 0;
	border-right-color: #999;
	border-right-color: rgba(0,0,0,0.25);
}
.popover.right .arrow:after {
	left: 1px;
	bottom: -10px;
	border-left-width: 0;
	border-right-color: #fff;
}
.popover.bottom .arrow {
	left: 50%;
	margin-left: -11px;
	border-top-width: 0;
	border-bottom-color: #999;
	border-bottom-color: rgba(0,0,0,0.25);
	top: -11px;
}
.popover.bottom .arrow:after {
	top: 1px;
	margin-left: -10px;
	border-top-width: 0;
	border-bottom-color: #fff;
}
.popover.left .arrow {
	top: 50%;
	right: -11px;
	margin-top: -11px;
	border-right-width: 0;
	border-left-color: #999;
	border-left-color: rgba(0,0,0,0.25);
}
.popover.left .arrow:after {
	right: 1px;
	border-right-width: 0;
	border-left-color: #fff;
	bottom: -10px;
}
.thumbnails {
Записан
Fatal error - это не фатально!!! Я проверила.
*

onniby

  • Осваиваюсь на форуме
  • 23
  • 0 / 0
Re: Криво выводятся `title` &amp; `data-original-title` в шаблоне
« Ответ #2 : 16.04.2022, 23:44:10 »
ВОпрос другой, а как их в принципе удалить?
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Разобраться с областью компонента в шаблоне

Автор gorbi_U

 Ответов: 7
Просмотров: 2254 		Последний ответ 04.02.2023, 10:45:14
от sivers
При обновлении плагина helix3 слетает сендвич в мобильном шаблоне

Автор gorbi_U

 Ответов: 0
Просмотров: 1639 		Последний ответ 25.01.2023, 10:55:44
от gorbi_U
Хлебные крошки: вместо title сделать заголовок

Автор Zelyonkin

 Ответов: 2
Просмотров: 821 		Последний ответ 09.09.2022, 08:46:10
от Zelyonkin
Проблемы с меню в шаблоне Shaper_helix3

Автор Helgi

 Ответов: 8
Просмотров: 1486 		Последний ответ 18.01.2022, 10:47:11
от draff
Как вносить изменения в стили в шаблоне jd_newjersey?

Автор sergspb

 Ответов: 2
Просмотров: 1098 		Последний ответ 29.12.2021, 13:35:35
от sergspb