Перейти к публикации
View in the app

A better way to browse. Learn more.

Дизайн и модификация Invision Community

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Иконки горизонтального меню

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

Не знаю, правильно ли я назвал тему, но ближе к сути.

 

Занялся новым шаблоном к себе не сайт.

 

Не могу добиться нужного вида меню. Нужно изменить оригинальный код, чтобы там показывались иконки

 

Сейчас вот так:

 

3306745.png

 

Кусок кода при этом такой:

 

                
<div id='primary_nav'>
<ul id='community_app_menu'>

<li id='nav_home'><a href='http://адрес/' title='Перейти на сайт' rel="home"><span class="icon home"></span>На главную</a></li>




<li id='nav_app_forums' class="active"><a href='http://адрес/' title='Перейти к '><span class="icon forums"></span>Форумы</a></li>




<li id='nav_app_members' class=""><a href='адрес' title='Перейти к '><span class="icon members"></span>Пользователи</a></li>







<li id='nav_app_ihost' class=""><a href='адрес' title='Перейти к '><span class="icon ihost"></span>Хостинг картинок</a></li>




<li id='nav_app_blog' class=""><a href='адрес' title='Перейти к '><span class="icon blog"></span>Блоги</a></li>




<li id='nav_app_shoutbox' class=""><a href='адрес' title='Перейти к '><span class="icon shoutbox"></span>Чат</a></li>

</ul>
</div>

 

Но хочется добиться навигации (т.е. при переходе на вкладку форум, как в оригинале, должна появляться иконка-стрелочка рядом с активной категорией)

 

Пытался изменить оригинальный код, вот что в итоге вышло:

 

3306760.png

 

Код:

 

<div id='primary_nav'>
                   <ul id='community_app_menu'>

                      	<if test="showhomeurl:|:$this->settings['home_url'] AND $this->settings['home_name']">
                       <li id='nav_home' class='left'><a href='{$this->settings['home_url']}' title='Перейти к'><span class="icon forums"></span>Главная</a></li>
                   </if>
                   <if test="hasCustomPrimaryNavigation:|:!empty($header_items['primary_navigation_menu'])">
                           {$header_items['primary_navigation_menu']}
                       <else />
                   <if test="applicationsloop:|:is_array($header_items['applications']) AND count($header_items['applications'])">
                       <foreach loop="applications:$header_items['applications'] as $data">
                           <if test="showingapp:|:$data['app_show']">
                               {parse variable="appActive" default="" oncondition="$data['app_active']" value="active"}
                               <li id='nav_app_{$data['app_dir']}' class="left {parse variable="appActive"}"><a href='{parse url="{$data['app_link']}" seotitle="{$data['app_seotitle']}" template="{$data['app_template']}" base="{$data['app_base']}"}' title='{parse expression="sprintf( $this->lang->words['go_to_prefix'], IPSLib::getAppTitle($data['app_dir']) )"}'>{IPSLib::getAppTitle($data['app_dir'])}</a></li>
                           </if>
                       </foreach>
                   </if></if>



                   </ul>
               </div>

 

Помогите, как мне добиться нужного вида? В css все прописано. Надеюсь, я правильно объяснил...

Изменено пользователем Енот

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

Опубликовано:
Обратите внимание

По указанному вами в профиле "Board url" находится не IP.Board, либо модифицированный пиратский скрипт с удаленными копирайтами. Если вы указали неверный URL, пожауйста, поправьте его, потому что он скорее всего потребуется при диагностике вашей проблемы. Нелицензионные скрипты не приветствуются, т.к. зачастую именно некорректное "нуление" и является причиной проблем в них.

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

Непонятно, что хотите добиться. Что было и стало, вроде ясно.

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

Непонятно, что хотите добиться. Что было и стало, вроде ясно.

 

 

Согласен, выразился не очень ясно. Я хочу переделать оригинальный код, вывести в нем отображение иконок. Но вот никак пока не выходит...

 

 

 

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

То есть у вас стрелочка есть, а картинки пропали? Или что?

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

Вы не поняли. Код меню, грубо говоря, был рипнут с другого сайта.

Мне нужно изменить мой основной код, добавить туда иконки.

 

 

 

 

 

Вот он:

 

<div id='primary_nav'>
                   <ul id='community_app_menu'>

                      	<if test="showhomeurl:|:$this->settings['home_url'] AND $this->settings['home_name']">
                       <li id='nav_home' class='left'><a href='{$this->settings['home_url']}' title='Перейти к'><span class="icon forums"></span>Главная</a></li>
                   </if>
                   <if test="hasCustomPrimaryNavigation:|:!empty($header_items['primary_navigation_menu'])">
                           {$header_items['primary_navigation_menu']}
                       <else />
                   <if test="applicationsloop:|:is_array($header_items['applications']) AND count($header_items['applications'])">
                       <foreach loop="applications:$header_items['applications'] as $data">
                           <if test="showingapp:|:$data['app_show']">
                               {parse variable="appActive" default="" oncondition="$data['app_active']" value="active"}
                               <li id='nav_app_{$data['app_dir']}' class="left {parse variable="appActive"}"><a href='{parse url="{$data['app_link']}" seotitle="{$data['app_seotitle']}" template="{$data['app_template']}" base="{$data['app_base']}"}' title='{parse expression="sprintf( $this->lang->words['go_to_prefix'], IPSLib::getAppTitle($data['app_dir']) )"}'>{IPSLib::getAppTitle($data['app_dir'])}</a></li>
                           </if>
                       </foreach>
                   </if></if>



                   </ul>
               </div>

 

 

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

Картинки заданы в css. Если не видны, значит недорипали.

Но вообще воровать нехорошо.

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

Картинки заданы в css. Если не видны, значит недорипали.

Но вообще воровать нехорошо.

 

 

Знаю.

Понятия уже не имею, что сделать, чтобы отображались


#primary_nav

{width:110px;font-size:11px;position:absolute;top:0;left:0}

#primary_nav
a{color:#FFF;display:block;font:15px 'PT Sans Narrow',arial,tahoma;margin-bottom:2px;padding:3px
0;position:relative;text-align:center;width:110px}

#community_app_menu>li>a>span

{background:url("{style_images_url}/navi-icons.png") no-repeat;display:block;font-size:0;height:24px;margin:2px
auto 0;width:24px;z-index:10}

#community_app_menu > li > a
.ipsHasNotifications{display:none}

#community_app_menu>li>a>span.forums{background-position:0 -94px}

#community_app_menu>li>a>span.members{background-position:0 -72px}

#community_app_menu>li>a>span.ihost{background-position:0 -24px}

#community_app_menu>li>a>span.blog{background-position:0 -48px}

#community_app_menu>li>a>span.shoutbox{background-position:0 -119px}

#primary_nav a:hover{background:rgba(255, 255, 255, 0.1);color:#FFF}

#primary_nav a.menu_active,


#primary_nav li.active
a{background:url("{style_images_url}/white-arrow-left.png") no-repeat scroll 100% 50% #74299D;

box-shadow:0 25px 20px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset, 

0 26px 0 rgba(255, 255, 255, 0.07) inset;color:#FFF;text-shadow:0 -1px 0 rgba(0,0,0,0.4)}

#quickNavLaunch{padding:0
15px 0 3px}

#quickNavLaunch
img{vertical-align:middle;position:relative;margin-top:-2px}

#nav_background:hover img,
#nav_search:hover img,

 

 

 

Изменено пользователем Енот

Создайте аккаунт или войдите в него для комментирования

Сейчас на странице 0

  • Нет пользователей, просматривающих эту страницу.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.