Jump to content

Меню IPS 4


Slav
 Share

Recommended Posts

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

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

Стиль Flatty 2.0.0

Скрин

6ub624r8hspw.png

Знаю 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

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

Link to comment
Share on other sites

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

Пруф

 

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

Edited by HooLIGUN
Link to comment
Share on other sites

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

Пруф

 

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

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

Edited by HooLIGUN
Link to comment
Share on other sites

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

​Привет , там всё просто , не через плагин , всё вручную делал добавил 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;
}

Link to comment
Share on other sites

Такое как сделать? 555bf5ba6604b_.thumb.PNG.0c5e8a79745116e

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

Link to comment
Share on other sites

Что бы быстро поставить и не искать класс у каждого элемента и не исправлять его в 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;
}

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

Link to comment
Share on other sites

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

Сам код

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

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

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

Link to comment
Share on other sites

в 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 by AUS
Link to comment
Share on other sites

​Привет , там всё просто , не через плагин , всё вручную делал добавил 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>

 

Link to comment
Share on other sites

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

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

<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;
}

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

 

er7ytadhxt6h.png

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Ваша ссылка была автоматически строена.   Отображать как обычную ссылку

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...