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


Фотография
- - - - -

Иконки приложений в меню


Лучший Ответ Law AC vs. Finch , 29 Март 2013 - 17:37

Пришлось восстановить бейкап шаблона, в результате все сделанные вами изменения удалились :unsmile:

Я там только 1 строчку добавил перед.

{IPSLib::getAppTitle($data['app_dir'])}

 

Строчка 

 

<span class="icon {$data['app_dir']}"></span>
Перейти к сообщению


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 9

#1 Оффлайн   Enot51

    Активный


  • Пользователи
  • Репутация
    28
    • Cообщений: 134
    • Форум:3.3.х
    • Город:Мурманск
    Участник

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

Здравствуйте!
Есть код, в нем прописаны иконки к разделам:

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

Хочу переделать стандартный код в шаблоне, чтобы тоже вывести иконки.
Получилолсь вот что, как подправить?

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

Т.е. просто нужно в этот код как-то добавить иконки.


P.S. в css уже все сделано, осталась только html часть


Сообщение отредактировал Enot51: 26 Март 2013 - 18:47

  • 0

Заработок и обучение заработку

#2 Оффлайн   Enot51

    Активный


  • Пользователи
  • Репутация
    28
    • Cообщений: 134
    • Форум:3.3.х
    • Город:Мурманск
    Участник

Отправлено 27 Март 2013 - 13:28

Кусок 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,

Сообщение отредактировал Enot51: 27 Март 2013 - 13:28

  • 0

#3 Оффлайн   Law AC vs. Finch

    Гуру


  • Пользователи
  • Репутация
    887
    • Cообщений: 3 004
    • Форум:Нет

Отправлено 27 Март 2013 - 15:52

Коды - хорошо. Но лучше увидеть вживую, что Вы там делаете


  • 0

#4 Оффлайн   Enot51

    Активный


  • Пользователи
  • Репутация
    28
    • Cообщений: 134
    • Форум:3.3.х
    • Город:Мурманск
    Участник

Отправлено 27 Март 2013 - 16:24

Коды - хорошо. Но лучше увидеть вживую, что Вы там делаете

 

Могу в личку админский акк скинуть, если требуется, ибо стиль только админам доступен


Сообщение отредактировал Enot51: 27 Март 2013 - 16:24

  • 0

#5 Оффлайн   Law AC vs. Finch

    Гуру


  • Пользователи
  • Репутация
    887
    • Cообщений: 3 004
    • Форум:Нет

Отправлено 27 Март 2013 - 16:26

Могу в личку админский акк скинуть,

Бросайте


  • 0

#6 Оффлайн   Law AC vs. Finch

    Гуру


  • Пользователи
  • Репутация
    887
    • Cообщений: 3 004
    • Форум:Нет

Отправлено 27 Март 2013 - 16:39

Основу заложил. Картинки можете сами прописать через css


  • 1

#7 Оффлайн   Enot51

    Активный


  • Пользователи
  • Репутация
    28
    • Cообщений: 134
    • Форум:3.3.х
    • Город:Мурманск
    Участник

Отправлено 27 Март 2013 - 16:41

Основу заложил. Картинки можете сами прописать через css

 

Благодарю, вижу. Спасибо большое :bravo:


Сообщение отредактировал Enot51: 27 Март 2013 - 16:50

  • 0

#8 Оффлайн   Enot51

    Активный


  • Пользователи
  • Репутация
    28
    • Cообщений: 134
    • Форум:3.3.х
    • Город:Мурманск
    Участник

Отправлено 29 Март 2013 - 17:01

Пришлось восстановить бейкап шаблона, в результате все сделанные вами изменения удалились :unsmile:


  • 0

#9 Оффлайн   Law AC vs. Finch

    Гуру


  • Пользователи
  • Репутация
    887
    • Cообщений: 3 004
    • Форум:Нет

Отправлено 29 Март 2013 - 17:37   Лучший Ответ

Пришлось восстановить бейкап шаблона, в результате все сделанные вами изменения удалились :unsmile:

Я там только 1 строчку добавил перед.

{IPSLib::getAppTitle($data['app_dir'])}

 

Строчка 

 

<span class="icon {$data['app_dir']}"></span>

  • 1

#10 Оффлайн   Enot51

    Активный


  • Пользователи
  • Репутация
    28
    • Cообщений: 134
    • Форум:3.3.х
    • Город:Мурманск
    Участник

Отправлено 29 Март 2013 - 17:39

Я там только 1 строчку добавил перед.

{IPSLib::getAppTitle($data['app_dir'])}

 

Строчка 

 

<span class="icon {$data['app_dir']}"></span>

 

Еще раз благодарю, сам идиот, забыл бейкап сделать :)


  • 0