Как изменить местоположение счётчика уведомлений и личных сообщений вверху

[Lordbl4]

Собственно хотелось бы изменить местоположение счётчика уведомлений и личных сообщений вверху.

Какая часть кода (и где её искать) отвечает за данную функцию?

пробовал на примере мафии выяснить - не вышло, скорее всего не там ищу.

 

скриншот прилагаю.

 

[GavriK595]

Насколько я понял за иконку сообщений в globalTemplate отвечают эти строчки:

									<if test="messengerlink:|:$this->memberData['g_use_pm'] AND $this->memberData['members_disable_pm'] == 0">
										<li><a data-clicklaunch="getInboxList" id='inbox_link' href='{parse url="app=members&amp;module=messaging" base="public"}' title='{$this->lang->words['your_messenger']}'><if test="notifications:|:$this->memberData['msg_count_new']"><span class='ipsHasNotifications'>{$this->memberData['msg_count_new']}</span></if>&nbsp;</a></li>
									</if>

[Lordbl4]

Насколько я понял за иконку сообщений в globalTemplate отвечают эти строчки:

									<if test="messengerlink:|:$this->memberData['g_use_pm'] AND $this->memberData['members_disable_pm'] == 0">
										<li><a data-clicklaunch="getInboxList" id='inbox_link' href='{parse url="app=members&amp;module=messaging" base="public"}' title='{$this->lang->words['your_messenger']}'><if test="notifications:|:$this->memberData['msg_count_new']"><span class='ipsHasNotifications'>{$this->memberData['msg_count_new']}</span></if>&nbsp;</a></li>
									</if>

 

они отвечают за порядок и местоположение иконки оповещений, стиль отображения всего этого находится по моему в ipb_styles.css , но где именно - я так и не понял.

[GavriK595]

За шапку в ipb_styles.css отвечает пункт /* HEADER */. Значит за все эти иконки #user_navigation. Попробуй строчки местами поменять, может и иконки поменяются местами

[Lordbl4]

ап темке) точно знаю, что Respected знает где менять местоположение цифры счётчика и как задать ей фон)

[GavriK595]

В ipb_styles.css в этих строках всё настраивается:

/* AlertFlag */

.ipsHasNotifications {
	padding: 0px 4px;
	height: 12px;
	line-height: 12px;
	background: #cf2020;
	color: #fff !important;
	font-size: 9px;
	text-align: center;
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	position: absolute;
	top: 4px;
	left: 3px;
}

.ipsHasNotifications_blank { display: none; }
#chat-tab-count.ipsHasNotifications { left: auto; top: 0px; right: -1px; text-shadow: none !important; position: absolute; }

[Lordbl4]

В ipb_styles.css в этих строках всё настраивается:

/* AlertFlag */

.ipsHasNotifications {
	padding: 0px 4px;
	height: 12px;
	line-height: 12px;
	background: #cf2020;
	color: #fff !important;
	font-size: 9px;
	text-align: center;
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	position: absolute;
	top: 4px;
	left: 3px;
}

.ipsHasNotifications_blank { display: none; }
#chat-tab-count.ipsHasNotifications { left: auto; top: 0px; right: -1px; text-shadow: none !important; position: absolute; }

 

спасибо, в стандартном стиле действительно эти строчки, но в нестандартном те же самые строки, но изменяя их я не вижу визуального результата... есть ли способ посмотреть (opera dragonfly?) к чему обращается счётчик и как изменить местоположение в нестандартном стиле?

[GavriK595]

Какой стиль стоит у вас?

По идее он в любом стиле должен использоваться.
Местоположение изменяется двумя последними строчками:

.ipsHasNotifications {
	padding: 0px 4px;
	height: 12px;
	line-height: 12px;
	background: #cf2020;
	color: #fff !important;
	font-size: 9px;
	text-align: center;
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	position: absolute;
	top: 4px;
	left: 20px;

[Lordbl4]

GavriK595, если использован другой способ отображения значков (как у мафии например) - то сколько не меняй параметры - результат не будет

 

нормальный globalTemplate

<li><a data-clicklaunch="getNotificationsList" id='' href="{parse url="app=core&amp;module=usercp&amp;area=notificationlog" base="public"}" title="{$this->lang->words['notifications_at_the_top']}">
<if test="notifications:|:$this->memberData['notification_cnt']">{$this->memberData['notification_cnt']}</if><i class="icon-ipsHasNotifications icon-large"></i>&nbsp;</a></li>

нестандартный

<li><a data-clicklaunch="getNotificationsList" id='notify_link' href="{parse url="app=core&amp;module=usercp&amp;area=notificationlog" base="public"}" title="{$this->lang->words['notifications_at_the_top']}">
<if test="notifications:|:$this->memberData['notification_cnt']"><span class='ipsHasNotifications'>{$this->memberData['notification_cnt']}</span></if>&nbsp;</a></li>

Изменено 25 апреля, 2013 пользователем Lordbl4

[Lordbl4]

так и не разобрался, ап теме

Изменено 25 апреля, 2013 пользователем Lordbl4