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

[Енот 2]

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

 

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

 

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

 

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

 

 

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

 

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

 

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

 

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

 

 

Код:

 

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

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

[Bot 5]

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

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

[Zero108 124]

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

[Енот 2]

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

 

 

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

 

 

 

[Zero108 124]

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

[Енот 2]

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

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

 

 

 

 

 

Вот он:

 

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

 

 

[Fisana 700]

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

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

[Енот 2]

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

 

 

 

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