Перейти к содержанию

Меню IPS 4

Slav
 Поделиться

Рекомендуемые сообщения

Slav Соавтор

Slav

Опубликовано
Опубликовано

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

Суть вопроса такова есть Стиль 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

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

Ссылка на комментарий
Поделиться на другие сайты
Slav Соавтор

Slav

Опубликовано
  • Автор
Опубликовано (изменено)

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

Пруф

 

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

Изменено пользователем HooLIGUN
Ссылка на комментарий
Поделиться на другие сайты
x33 Энтузиаст

x33

Опубликовано
Опубликовано (изменено)

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

Пруф

 

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

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

Изменено пользователем HooLIGUN
Ссылка на комментарий
Поделиться на другие сайты
Slav Соавтор

Slav

Опубликовано
  • Автор
Опубликовано

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

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

Ссылка на комментарий
Поделиться на другие сайты
Slav Соавтор

Slav

Опубликовано
  • Автор
Опубликовано

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

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

Ссылка на комментарий
Поделиться на другие сайты
Slav Соавтор

Slav

Опубликовано
  • Автор
Опубликовано

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

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

Ссылка на комментарий
Поделиться на другие сайты
AUS Ментор

AUS

Опубликовано
Опубликовано

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

Сам код

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

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

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

Ссылка на комментарий
Поделиться на другие сайты
AUS Ментор

AUS

Опубликовано
Опубликовано (изменено)

в 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>

 

 

Изменено пользователем AUS
Ссылка на комментарий
Поделиться на другие сайты
x33 Энтузиаст

x33

Опубликовано
Опубликовано

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

 

Ссылка на комментарий
Поделиться на другие сайты
Slav Соавтор

Slav

Опубликовано
  • Автор
Опубликовано

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

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

<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

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

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

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

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

×
 Поделиться
Перейти к списку тем

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...