1. Приветствуем Вас на неофициальном форуме технической поддержки XenForo на русском языке. XenForo - новый и перспективный форумный движок от бывших создателей vBulletin.

Как поднять название форума выше меню "хлебных крошек" и как добавить в сайдбар эффект?

Тема в разделе "Вопросы по стилям, изменения в CSS и шаблонах", создана пользователем KakBeOlolo, 17 окт 2011.

Загрузка
  1. KakBeOlolo

    KakBeOlolo Местный

    Регистрация:
    08.10.11
    Сообщения:
    511
    Симпатии:
    91
    Версия XF:
    1.1.2
    Подскажите как название форума поставить выше полоски навигации (которая показывает на какой раздел-подраздел вы зашли).

    И подскажите пожалуйста, как в свой созданный сайдбар, добавить такой же эффект как и в сообщении форума, для гиперссылки с картинкой. (в сайдбаре тоже гиперссылки с картинкой)

    К примеру, тут у картинки появляется что то вроде тени, хотелось бы такое выделение и в сайдбаре
    [​IMG]
     
  2. Romchik®

    Romchik® The Power of Dreams Команда форума

    Регистрация:
    26.09.10
    Сообщения:
    5.740
    Симпатии:
    5.269
    Версия XF:
    1.5.11
    В шаблоне PAGE_CONTAINER найти:
    Код:
                            <xen:hook name="page_container_content_title_bar">
                            <xen:if is="!{$noH1}">
                                <!-- h1 title, description -->
                                <div class="titleBar">
                                    <h1><xen:if
                                        is="{$h1}">{xen:raw $h1}<xen:elseif
                                        is="{$title}" />{xen:raw $title}<xen:else
                                        />{$xenOptions.boardTitle}</xen:if></h1>
    
                                    <xen:if is="{$pageDescription.content}"><p id="pageDescription" class="muted {$pageDescription.class}">{xen:raw $pageDescription.content}</p></xen:if>
                                </div>
                            </xen:if>
                            </xen:hook>
    И переместить выше, перед:
    Код:
                            <xen:hook name="page_container_breadcrumb_top">
                            <div class="breadBoxTop">
                                <xen:if is="{$topctrl}"><div class="topCtrl">{xen:raw $topctrl}</div></xen:if>
                                <xen:include template="breadcrumb"><xen:set var="$microdata">1</xen:set></xen:include>
                            </div>
                            </xen:hook>
    Что касается тени при наведении на ссылки, то реализовано это через CSS. Как-то так:
    Код:
    .sidebarBlock a:focus,
    .sidebarBlock a:hover {
      border-radius:5px;
      margin:0 -3px;
      padding:0 3px;
      box-shadow:5px 5px 7px #ccc;
      outline:none;
      text-decoration:none;
    }
    Вместо класса .sidebarBlock пишем класс своего блока.
     
    KakBeOlolo нравится это.
  3. KakBeOlolo

    KakBeOlolo Местный

    Регистрация:
    08.10.11
    Сообщения:
    511
    Симпатии:
    91
    Версия XF:
    1.1.2
    Спасибо :thumbsup:
     

Поделиться этой страницей