Меню IPS 4

Posted 19 мая, 20159 yr

Всем доброго времени суток и хорошего настроения.

Суть вопроса такова есть Стиль Flatty 2.0.0 там сесть меню, навигации, как на мафии как сделать его на IPS 4

Стиль Flatty 2.0.0

Скрин

Знаю CSS

ul#ipsLayout_mainNav li a.elNavigation_app_calendar_Calendar:before{
   content:"\f073";
   padding-right:5px;
   font:normal normal normal 14px/1 FontAwesome;
}

ul#ipsLayout_mainNav li a.elNavigation_app_downloads_Downloads:before{
   content:"\f019";
   padding-right:5px;
   font:normal normal normal 14px/1 FontAwesome;
}

ul#ipsLayout_mainNav li a.elNavigation_app_forums_Forums:before{
   content:"\f086";
   padding-right:5px;
   font:normal normal normal 14px/1 FontAwesome;
}

ul#ipsLayout_mainNav li a.elNavigation_app_blog_Blogs:before{
   content:"\f017";
   padding-right:5px;
   font:normal normal normal 14px/1 FontAwesome;
}

ul#ipsLayout_mainNav li a.elNavigation_app_gallery_Gallery:before{
   content:"\f03e";
   padding-right:5px;
   font:normal normal normal 14px/1 FontAwesome;
}

Но не знаю как добавить в html! Зато знаю в каком шаблоне всё это делать в navBar

Подскажите пожалуйста , с меня большое человеческое спасибо + в репу.

Цитата

19 мая, 20159 yr

Author

comment_87397

Да *** ХДД Я делал это !!!!!!!! Ост форум , Галерея,файлы

Пруф

Тем можно закрывать !!

Edited 19 мая, 20159 yr by HooLIGUN

Цитата

19 мая, 20159 yr

comment_87401

Да сука ХДД Я делал это !!!!!!!! Ост форум , Галерея,файлы

Пруф

Тем можно закрывать !!

Через плагин? Класс селект добавляется к менюшке?

Edited 19 мая, 20159 yr by HooLIGUN

Цитата

20 мая, 20159 yr

comment_87407

Такое как сделать?

Цитата

20 мая, 20159 yr

Author

comment_87409

Через плагин? Класс селект добавляется к менюшке?

Привет , там всё просто , не через плагин , всё вручную делал добавил CSS и менял class у Форума ,Файлов, Галерея и т.д

Пример

<a id="elNavigation_app_forums_555c037dbfc43" href="тут ваш сайт " class="elNavigation_app_forums_Forums ipsNavActive"> - как найти это? - через консоль разработчика наводим на форум и видим этот код .

Дальше добавляем CSS

ul#ipsLayout_mainNav li

    a.elNavigation_app_forums_Forums:before{    <- видим этот код нас интересует elNavigation_app_forums_Forums вот его меняем на то что у вас в получилось выше в примере .
   content:"\f086";
   padding-right:5px;
   font:normal normal normal 14px/1 FontAwesome;
}

Как было у меня :

<a id="elNavigation_app_1_555c05b0e19be" href="" class="elNavigation_app_1 ipsNavActive"> (Форум)

CSS

ul#ipsLayout_mainNav li

a.elNavigation_app_1::before {
    content: "";
    padding-right: 5px;
    font: 14px/1 FontAwesome;
}

Цитата

x33
1

20 мая, 20159 yr

Author

comment_87410

Такое как сделать?

Скачать этот стиль и вырезать этот код

Цитата

20 мая, 20159 yr

Author

comment_87411

Что бы быстро поставить и не искать класс у каждого элемента и не исправлять его в CSS просто поставьте код в CSS должно получиться проверил на тест сайте

Сам код

ul#ipsLayout_mainNav li a.elNavigation_app_calendar_Calendar:before{
   content:"\f073";
   padding-right:5px;
   font:normal normal normal 14px/1 FontAwesome;
}

ul#ipsLayout_mainNav li a.elNavigation_app_downloads_Downloads:before{
   content:"\f019";
   padding-right:5px;
   font:normal normal normal 14px/1 FontAwesome;
}

ul#ipsLayout_mainNav li a.elNavigation_app_forums_Forums:before{
   content:"\f086";
   padding-right:5px;
   font:normal normal normal 14px/1 FontAwesome;
}

ul#ipsLayout_mainNav li a.elNavigation_app_blog_Blogs:before{
   content:"\f017";
   padding-right:5px;
   font:normal normal normal 14px/1 FontAwesome;
}

ul#ipsLayout_mainNav li a.elNavigation_app_gallery_Gallery:before{
   content:"\f03e";
   padding-right:5px;
   font:normal normal normal 14px/1 FontAwesome;
}

ul#ipsLayout_mainNav li a.elNavigation_app_cms_0:before{
   content:"\f059";
   padding-right:5px;
   font:normal normal normal 14px/1 FontAwesome;
}

ul#ipsLayout_mainNav li a.elNavigation_app_cms_1:before{
   content:"\f0d6";
   padding-right:5px;
   font:normal normal normal 14px/1 FontAwesome;
}

ul#ipsLayout_mainNav li a.elNavigation_app_nexus_Support:before{
   content:"\f059";
   padding-right:5px;
   font:normal normal normal 14px/1 FontAwesome;
}

Если что пишите в личку помогу

Цитата

20 мая, 20159 yr

comment_87414

Что бы быстро поставить и не искать класс у каждого элемента и не исправлять его в CSS просто поставьте код в CSS должно получиться проверил на тест сайте

Сам код

Скрытый контент

Если что пишите в личку помогу

это всё в custom.css вы поместили?

Цитата

20 мая, 20159 yr

comment_87415

в core - global - NavBar нашел этот кусок кода

<ul id='ipsLayout_mainNav' class='ipsPos_left'>
			{{if !in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}
					{{$extensions = ( \IPS\Member::loggedIn()->language()->isrtl ) ? array_reverse( \IPS\Application::allExtensions( 'core', 'FrontNavigation' ) ) : \IPS\Application::allExtensions( 'core', 'FrontNavigation' );}}
					{{foreach $extensions as $id => $nav}}
					{{if $nav->canView()}}
						{{$tabId = uniqid();}}
						<li data-role='navItem'>
							<a id="elNavigation_app_{expression="strtok( $id, '_')"}_{$tabId}" href='{$nav->link()}' class='elNavigation_app_{$id}{{if $nav->active()}} ipsNavActive{{endif}}' {{if $children = $nav->children()}}data-ipsMenu data-ipsMenu-activeClass='ipsNavActive_menu'{{endif}}>
								{$nav->title()}
								{{if $children}}
									&nbsp;<i class='fa fa-caret-down'></i>
								{{endif}}
							</a>
							{{if $children}}
								<ul id="elNavigation_app_{expression="strtok( $id, '_')"}_{$tabId}_menu" class="ipsMenu ipsMenu_auto ipsHide">
									{template="navBarChildren" app="core" group="global" params="$children"}
								</ul>
							{{endif}}
						</li>
					{{endif}}
				{{endforeach}}
			{{endif}}
			<li class='ipsHide' id='elNavigationMore' data-role='navMore'>
				<a href='#' data-ipsMenu data-ipsMenu-appendTo='#elNavigationMore' id='elNavigationMore_dropdown'>{lang="more"} <i class='fa fa-caret-down'></i></a>
				<ul class='ipsHide ipsMenu ipsMenu_auto' id='elNavigationMore_dropdown_menu'></ul>
			</li>
			{{if member.group['g_view_board']}}
				<li class='ipsHide cCommunityHome'><a href='{setting="base_url"}' title='{lang="go_community_home"}'><i class='fa fa-angle-left'></i> {lang="community_home"}</a></li>
			{{endif}}
		</ul>

Edited 20 мая, 20159 yr by AUS

Цитата

20 мая, 20159 yr

comment_87461

Привет , там всё просто , не через плагин , всё вручную делал добавил CSS и менял class у Форума ,Файлов, Галерея и т.д

Пример

<a id="elNavigation_app_forums_555c037dbfc43" href="тут ваш сайт " class="elNavigation_app_forums_Forums ipsNavActive">    - как найти это? - через консоль разработчика наводим на форум и видим этот код .

Дальше добавляем CSS

   ul#ipsLayout_mainNav li

    a.elNavigation_app_forums_Forums:before{    <- видим этот код нас интересует elNavigation_app_forums_Forums вот его меняем на то что у вас в получилось выше в примере .
   content:"\f086";
   padding-right:5px;
   font:normal normal normal 14px/1 FontAwesome;
}

Как было у меня :

<a id="elNavigation_app_1_555c05b0e19be" href="" class="elNavigation_app_1 ipsNavActive"> (Форум)

CSS

ul#ipsLayout_mainNav li

a.elNavigation_app_1::before {
    content: "";
    padding-right: 5px;
    font: 14px/1 FontAwesome;
}

Ниче абсолютно не понял

Есть только такой код:

<ul id="elNavigation_app_{expression="strtok( $id, '_')"}_{$tabId}_menu" class="ipsMenu ipsMenu_auto ipsHide">
									{template="navBarChildren" app="core" group="global" params="$children"}
								</ul>

Цитата

20 мая, 20159 yr

Author

comment_87463

Ниче абсолютно не понял

Есть только такой код:

<ul id="elNavigation_app_{expression="strtok( $id, '_')"}_{$tabId}_menu" class="ipsMenu ipsMenu_auto ipsHide">
									{template="navBarChildren" app="core" group="global" params="$children"}
								</ul>

У Вас на сайте кнопка (форум ) html её

<a id="elNavigation_app_forums_555cd455c410f" href="http://lolzteam.com/" class="elNavigation_app_forums_Forums ipsNavActive">
    Класс elNavigation_app_forums_Forums у Вас нету в Css(е) такого кода с таким классом

Поставьте в CSS код

ul#ipsLayout_mainNav li

a.elNavigation_app_forums_Forums:before{
   content:"\f086";
   padding-right:5px;
   font:normal normal normal 14px/1 FontAwesome;
}

И у Вас будет как на скрине в топике

Это пример работы

Цитата

Sign In

Меню IPS 4

Featured Replies

Join the conversation

Последние посетители 0

Account

Navigation

Messages

Уведомления

Search