Как заменить текстовые кнопки на картинки?

7emerka

Участники
Сообщения
8
Реакции
0
Баллы
5,498
Как заменить текстовые кнопки на картинки? Которые в шапке "Главная" "Форум" и др.

При желание поменять текстовые кнопки на картинки столкнулся с проблемой( Изменить кнопки "Главная" и "Форум" я смог, но у меня установлены плагины XenCarta (Lite Wiki), XenMedio (Media), и Stream. Я не смог найти где у них это меняется.

Сталкивался кто с этим? Или может знаете решение.
 
Возможно меняется тут, но я не могу догадаться как правильно вставить.
Код:
<?php

class EWRcarta_Listener_NavTabs
{
    public static function listen(array &$extraTabs, $selectedTabId)
    {
        $permsModel = XenForo_Model::create('EWRcarta_Model_Perms');
        $perms = $permsModel->getPermissions();

        $indexModel = XenForo_Model::create('EWRcarta_Model_Lists');
        $index = $indexModel->getIndex();

        $extraTabs['wiki'] = array(
            'title' => new XenForo_Phrase('wiki'),
            'href' => XenForo_Link::buildPublicLink('full:wiki'),
            'position' => 'middle',
            'linksTemplate' => 'EWRcarta_Navtabs',
            'perms' => $perms,
            'index' => $index,
        );
    }
}
[DOUBLEPOST=1397830039,1397484473][/DOUBLEPOST]Вот что я хочу сделать, но не могу найти где и как сделать это со Стримом, видео и вики.
 
Все изображения конечно же загружаем к нам на сервер.
По сабжу: что-то я не могу никак понять, где прописать путь до иконки. :([DOUBLEPOST=1397831157,1397830179][/DOUBLEPOST]Можно попробовать добавить в EXTRA.css вот такое (только не забудьте правильный путь до нужной иконки прописать):
Код:
.navTabs .navTab.EWRcarta:before {
content: url('@imagePath/path/to/image.png');
display: inline;
vertical-align: middle;
float: left;
padding-left: 4px;
padding-top: 4px;
}
 
Все изображения конечно же загружаем к нам на сервер.
По сабжу: что-то я не могу никак понять, где прописать путь до иконки. :([DOUBLEPOST=1397831157,1397830179][/DOUBLEPOST]Можно попробовать добавить в EXTRA.css вот такое (только не забудьте правильный путь до нужной иконки прописать):
Код:
.navTabs .navTab.EWRcarta:before {
content: url('@imagePath/path/to/image.png');
display: inline;
vertical-align: middle;
float: left;
padding-left: 4px;
padding-top: 4px;
}

К сожалению, не получается. Спасибо за попытку помочь.
 
Как заменить текстовые кнопки на картинки? Которые в шапке "Главная" "Форум" и др.

При желание поменять текстовые кнопки на картинки столкнулся с проблемой( Изменить кнопки "Главная" и "Форум" я смог, но у меня установлены плагины XenCarta (Lite Wiki), XenMedio (Media), и Stream. Я не смог найти где у них это меняется.

Сталкивался кто с этим? Или может знаете решение.
изменяйте во фразах, меняйте во фразе к примеру по такому принципу http://xenforo.info/threads/Замена-ссылок-на-кликабельные-кнопки-работы-с-сообщением.1835/ + был какой-то плагин, но там чисто по определённым кнопкам
 
изменяйте во фразах, меняйте во фразе к примеру по такому принципу http://xenforo.info/threads/Замена-ссылок-на-кликабельные-кнопки-работы-с-сообщением.1835/ + был какой-то плагин, но там чисто по определённым кнопкам

Пытаюсь сделать, но он текстом пишет этот код.

Код:
<img src="ссылка на картинку" alt="Описание, для поисковиков и пользователей" height="Высота в пикселях" width="Ширина в пикселях">
[DOUBLEPOST=1398165666,1398083431][/DOUBLEPOST]Решил убрать "$extraTabs['wiki']...." из файла и сделать кнопу обычно через "navigation", но вкладка не подсвечивается( кто сталкивался?

Код:
<?php

class EWRcarta_Listener_NavTabs
{
    public static function listen(array &$extraTabs, $selectedTabId)
    {
        $permsModel = XenForo_Model::create('EWRcarta_Model_Perms');
        $perms = $permsModel->getPermissions();

        $indexModel = XenForo_Model::create('EWRcarta_Model_Lists');
        $index = $indexModel->getIndex();
____________________________________________________________________
        $extraTabs['wiki'] = array(                                                    
            'title' => new XenForo_Phrase('wiki'),                              
            'href' => XenForo_Link::buildPublicLink('full:wiki'),      
            'position' => 'middle',                                                            
            'linksTemplate' => 'EWRcarta_Navtabs',                             Убрал.
            'perms' => $perms,                                                             
            'index' => $index,                                                                
        );                                                                                               
___________________________________________________________________
    }
}
 
Решение есть...ищите в каждом плагине XenCarta (Lite Wiki), XenMedio (Media), и Stream в файлах NavTabs.php подобный код:
Код:
$extraTabs['streams'] = array(
            'title' => new XenForo_Phrase('streams'),
            'href' => XenForo_Link::buildPublicLink('full:streams'),
            'position' => 'middle',
            'linksTemplate' => 'EWRrio_Navtabs',
            'perms' => $perms,
            'streams' => $selectedTabId == 'streams' ? true : false,
            'counter' => !empty($counter) ? trim($counter) : false,
            'queues' => !empty($queues) ? $queues : false,
        );
находите строчку 'position' => 'middle' и меняете ее на нужную, к примеру на 'position' => 'my_streams'
затем открываете шаблон navigation и вставляете уже нужный вам код заменяя несколько строк
<xen:if is="{$extraTabs.my_streams}">
<xen:foreach loop="$extraTabs.my_streams" key="$extraTabId" value="$extraTab">
Код:
<!-- extra tabs: stream -->
        <xen:if is="{$extraTabs.my_streams}">
        <xen:foreach loop="$extraTabs.my_streams" key="$extraTabId" value="$extraTab">
            <xen:if is="{$extraTab.linksTemplate}">
                <li class="navTab {$extraTabId} {xen:if $extraTab.selected, 'selected', 'Popup PopupControl PopupClosed'}">
          
                <a href="{$extraTab.href}" class="navLink"><img src="stream.png" width="150" height="44"><xen:if is="{$extraTab.counter}"><strong class="itemCount"><span class="Total">{$extraTab.counter}</span><span class="arrow"></span></strong></xen:if></a>
                <a href="{$extraTab.href}" class="SplitCtrl" rel="Menu"></a>
              
                <div class="{xen:if {$extraTab.selected}, 'tabLinks', 'Menu JsOnly tabMenu'} {$extraTabId}TabLinks">
                    <div class="primaryContent menuHeader">
                        <h3>{$extraTab.title}</h3>
                        <div class="muted">{xen:phrase quick_links}</div>
                    </div>
                    {xen:raw $extraTab.linksTemplate}
                </div>
            </li>
            <xen:else />
                <li class="navTab {$extraTabId} {xen:if $extraTab.selected, 'selected', 'PopupClosed'}">
                    <a href="{$extraTab.href}" class="navLink">{$extraTab.title}</a>
                    <xen:if is="{$extraTab.selected}"><div class="tabLinks"></div></xen:if>
                </li>
            </xen:if>
        </xen:foreach>
        </xen:if>
теперь эта ссылка будет уникальная и не будет зависеть от тех которые попадают в позицию middle, а также при ее активности будет подсвечиваться, ну это уже настраивайте css в шаблоне.
З.Ы. На икс-раша ответил, возможно и здесь кому пригодится....
 
  • Мне нравится
Реакции: Hope
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу