Skip to content

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

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

 

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

 

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

 

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

 

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 все прописано. Надеюсь, я правильно объяснил...

Edited by Енот

Featured Replies

Обратите внимание

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

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

  • Author

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

 

 

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

 

 

 

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

  • Author

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

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

 

 

 

 

 

Вот он:

 

<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. Если не видны, значит недорипали.

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

  • Author

Картинки заданы в 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,

 

 

 

Edited by Енот

Create an account or sign in to comment

Account

Navigation

Search

Search

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.