XF 1.5 Адаптивный дизайн

[karkon]

Можно ли сделать в адаптивном дизайне другое лого?
т.е. с ПК лого №1, с телефона лого №2?

 

[Skaiman]

Можно

 

[Слот]

Лого форума для iPhone/iPad
Может поможет вариант.

 

[Skaiman]

Слот, это совсем другое, просто для адаптивного дизайна использовать медиа запросы, при ширине мобильного дисплея скрыть картинку логотипа и добавить другую фоном.

Так например

@media (max-width:@maxResponsiveMediumWidth) {
    div#logo img {
        display: none;
    }
    #header .pageWidth .pageContent {
        background: url(styles/default/xenforo/logo.png) no-repeat left;
    }
}

Или сделать модификацию шаблона logo_block:

<div id="logoBlock">
    <div class="pageWidth">
        <div class="pageContent">
            <xen:include template="ad_header" />
            <xen:hook name="header_logo">
            <div id="logo" class="logo-full"><a href="{$logoLink}">
                <span><xen:comment>This span fixes IE vertical positioning</xen:comment></span>
                <img src="@headerLogoPath" alt="{$xenOptions.boardTitle}" />
            </a></div>
            <div id="logo" class="logo-small"><a href="{$logoLink}">
                <span><xen:comment>This span fixes IE vertical positioning</xen:comment></span>
                <img src="путь ко второму логотипу" alt="{$xenOptions.boardTitle}" />
            </a></div>           
            </xen:hook>
            <span class="helper"></span>
        </div>
    </div>
</div>

и в EXTRA.css

logoBlock #logo.logo-small {
    display: none;
}

@media (max-width:@maxResponsiveMediumWidth) {
    logoBlock #logo.logo-small {
        display: block;
    }
    logoBlock #logo.logo-full {
        display: none;
    }   
}