Иконки горизонтального меню - Дизайн и модификация Invision Power Board

Перейти к содержимому

 

Правила раздела

Здесь обсуждаются вопросы оформления форумов IPB 3.x.
Пожалуйста, не оффтопьте, если зашли сюда случайно, и обратите внимание на соседние разделы.
Оформление форумов IPB 2.x.
Настройка форумов, включая установку и техническую настройку скинов.
Размещение рекламы на форумах.
SEO оптимизация форума.
Техническая поддержка наших скинов и модов.

СвернутьПрикрепленные теги

Теги не найдены

Страница 1 из 1
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

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

#1 Пользователь не на сайте   Енот ответил: »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 78
  • Регистрация: 12-Май 12
  • Репутация: 2
  • Откуда:Мурманск
  • IPB version:3.3.x
 

Отправлено 26 Март 2013 - 09:56

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

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

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

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

-IMG-

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

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


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

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

-IMG-

Код:

<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 - 10:04)

0

#2 Пользователь не на сайте   Bot ответил: »

 
 
  • Почетный робот
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
 

Отправлено 26 Март 2013 - 09:56

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

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


0

#3 Пользователь не на сайте   Zero108 ответил: »

 
 
  • Advanced
  • ***
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 1 562
  • Регистрация: 25-Июль 09
  • Репутация: 92
  • IPB version:4.1.x
 

Отправлено 26 Март 2013 - 13:46

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

#4 Пользователь не на сайте   Енот ответил: »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 78
  • Регистрация: 12-Май 12
  • Репутация: 2
  • Откуда:Мурманск
  • IPB version:3.3.x
 

Отправлено 26 Март 2013 - 13:50

Просмотреть сообщениеZero108 26 Март 2013 - 13:46 сказал(а):

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



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



0

#5 Пользователь не на сайте   Zero108 ответил: »

 
 
  • Advanced
  • ***
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 1 562
  • Регистрация: 25-Июль 09
  • Репутация: 92
  • IPB version:4.1.x
 

Отправлено 26 Март 2013 - 15:47

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

#6 Пользователь не на сайте   Енот ответил: »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 78
  • Регистрация: 12-Май 12
  • Репутация: 2
  • Откуда:Мурманск
  • IPB version:3.3.x
 

Отправлено 26 Март 2013 - 21:00

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





Вот он:

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



0

#7 Пользователь не на сайте   Fisana ответил: »

 
 
  • На PM не отвечаю
  • Смотреть блог
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 13 190
  • Регистрация: 21-Ноябрь 05
  • Репутация: 695
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 26 Март 2013 - 22:18

Картинки заданы в css. Если не видны, значит недорипали.
Но вообще воровать нехорошо.
0

#8 Пользователь не на сайте   Енот ответил: »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 78
  • Регистрация: 12-Май 12
  • Репутация: 2
  • Откуда:Мурманск
  • IPB version:3.3.x
 

Отправлено 27 Март 2013 - 07:55

Просмотреть сообщениеFisana 26 Март 2013 - 22:18 сказал(а):

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

0

Сообщить об этой теме:


Страница 1 из 1
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

1 пользователей читают эту тему
0 зарегистрированных, 1 гостей, 0 скрытых


Контактная информация

Вопросы по работе сайта

+7 (917) 501-4765
C 10 до 20 в рабочие дни (время московское)

Техническая поддержка

Контактные данные специалистов

Дизайн форумов

IPB 3.x ¦ IPB 2.x

Бесплатные шаблоны

IPB 3.2 – 3.4 ¦ IPB 3.1 ¦ IPB 3.0 ¦ IPB 2.2 – 2.3 ¦ IPB 2.1 ¦ Клипарт
Лицензия на использование ¦ Ваша поддержка ¦ О проекте
Copyright © 2005-2016 IPBSkins.ru Team
При копировании материалов с сайта
прямая ссылка на источник обязательна