Slav Опубликовано 19 мая, 2015 Поделиться Опубликовано 19 мая, 2015 Всем доброго времени суток и хорошего настроения. Суть вопроса такова есть Стиль 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 Подскажите пожалуйста , с меня большое человеческое спасибо + в репу. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Slav Опубликовано 19 мая, 2015 Автор Поделиться Опубликовано 19 мая, 2015 (изменено) Да *** ХДД Я делал это !!!!!!!! Ост форум , Галерея,файлы Пруф Тем можно закрывать !! Изменено 19 мая, 2015 пользователем HooLIGUN Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
x33 Опубликовано 19 мая, 2015 Поделиться Опубликовано 19 мая, 2015 (изменено) Да сука ХДД Я делал это !!!!!!!! Ост форум , Галерея,файлы Пруф Тем можно закрывать !! Через плагин? Класс селект добавляется к менюшке? Изменено 19 мая, 2015 пользователем HooLIGUN Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
AUS Опубликовано 20 мая, 2015 Поделиться Опубликовано 20 мая, 2015 Такое как сделать? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Slav Опубликовано 20 мая, 2015 Автор Поделиться Опубликовано 20 мая, 2015 Через плагин? Класс селект добавляется к менюшке? Привет , там всё просто , не через плагин , всё вручную делал добавил 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 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Slav Опубликовано 20 мая, 2015 Автор Поделиться Опубликовано 20 мая, 2015 Такое как сделать? Скачать этот стиль и вырезать этот код Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Slav Опубликовано 20 мая, 2015 Автор Поделиться Опубликовано 20 мая, 2015 Что бы быстро поставить и не искать класс у каждого элемента и не исправлять его в 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 Опубликовано 20 мая, 2015 Поделиться Опубликовано 20 мая, 2015 Что бы быстро поставить и не искать класс у каждого элемента и не исправлять его в CSS просто поставьте код в CSS должно получиться проверил на тест сайте Сам код Скрытый контент Если что пишите в личку помогу это всё в custom.css вы поместили? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
AUS Опубликовано 20 мая, 2015 Поделиться Опубликовано 20 мая, 2015 (изменено) в 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> Изменено 20 мая, 2015 пользователем AUS Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
x33 Опубликовано 20 мая, 2015 Поделиться Опубликовано 20 мая, 2015 Привет , там всё просто , не через плагин , всё вручную делал добавил 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 Опубликовано 20 мая, 2015 Автор Поделиться Опубликовано 20 мая, 2015 Ниче абсолютно не понял Есть только такой код: <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;} И у Вас будет как на скрине в топике Это пример работы Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.