Posted 19 мая, 201510 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 мая, 201510 yr Author Да *** ХДД Я делал это !!!!!!!! Ост форум , Галерея,файлы Пруф Тем можно закрывать !! Edited 19 мая, 201510 yr by HooLIGUN
19 мая, 201510 yr Да сука ХДД Я делал это !!!!!!!! Ост форум , Галерея,файлы Пруф Тем можно закрывать !! Через плагин? Класс селект добавляется к менюшке? Edited 19 мая, 201510 yr by HooLIGUN
20 мая, 201510 yr Author Через плагин? Класс селект добавляется к менюшке? Привет , там всё просто , не через плагин , всё вручную делал добавил 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;}
20 мая, 201510 yr Author Что бы быстро поставить и не искать класс у каждого элемента и не исправлять его в 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 мая, 201510 yr Что бы быстро поставить и не искать класс у каждого элемента и не исправлять его в CSS просто поставьте код в CSS должно получиться проверил на тест сайте Сам код Скрытый контент Если что пишите в личку помогу это всё в custom.css вы поместили?
20 мая, 201510 yr в 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}} <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 мая, 201510 yr by AUS
20 мая, 201510 yr Привет , там всё просто , не через плагин , всё вручную делал добавил 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 мая, 201510 yr Author Ниче абсолютно не понял Есть только такой код: <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;} И у Вас будет как на скрине в топике Это пример работы
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.