SOUL

АдминкА
Администратор
Сообщения
7.686
Симпатии
10.862
Баллы
266
#1
Что-то я пока забросила создание плагина для автопостинга новых тем с форума в VK.

Переключилась на футер и к этому причастен Skaiman со своими творениями
Но ближе к сути. Дело в том, что не все стили имеют красивый и функциональный футер, в который можно добавлять нужную информацию и ссылки.

В стилях от Brivium'a, в UI.X-овских стилях с этим нет проблем. Безусловно, такой функционал нужен далеко не всем даже при отсутствии этой опции. Но всё-таки мне стало интересно, как это можно реализовать. Для эксперимента использовала стиль Arsenic от Brivium'a Стиль - Arsenic от Brivium С уиксовским стилем пока не стала связываться, заглянула в него, мне показалось там всё гораздо сложнее Girl_Wacko323

То есть решила я попробовать "позаимствовать" футер из Бривиумского стиля. Просто знаний и опыта маловато, но начинать надо для понимания чего-то более сложного.

Вот, что у меня получилось на примере дефолтного стиля:

скрин1.jpg

То есть я сделала плагин (см. вложение), с помощью которого можно привести футер в такое состояние.

Пока почему-то применяется только для дефолтного стиля и то через раз. На этот форум поставила, на дефолтный стиль перешла, но ничего не применилось.Girl_To_Take_Umbrage
Вроде делала всё на мастер-стиле. Может, кто подскажет, почему так и как исправить Girl_Smile379

Что касается установки. Содержимое папки styles/default, то есть папку extra поместить в папку styles/default, т.к. пока работает только на дефолтном стиле, затем установить дополнение.

Добавлять свою информацию в Стили => Настройка стиля => "Подвал" (footer).

скрин4.jpg

Примечание: Единственное, у меня не поучилось сделать активной одну модификацию, хотя я создавала шаблон

скрин3.jpg
, но после установки не применяется почему-то cssScratch_One_S _Head_Girlи выглядит вот так:

скрин2.jpg

Поэтому после установки нужно в шаблон EXTRA.css добавить этот код:
Код:
/*Корректное отображение футера*/
footer
{
    background:@transparent;
}

.footer
{
    line-height: 18px;
}

.footer .pageContent
{
    padding: 20px 10px;
}

.footer h3
{
    padding: 10px 0;
    margin-bottom: 5px;
    font-size: 15px;
    color: @primaryMedium;
}

.footerBlock
{
    font-size: 13px;
    float: left;
}

.footerBlock > div
{
    padding:0 10px;
    box-sizing: border-box;
}

.footerBlock:first-child > div
{
    padding-left: 0;
}

.footerBlock:last-child > div
{
    padding-right: 0;
}

.footerBlock1
{
    width: 34%;
}

.footerBlock1 .social
{
    padding-top: 20px;
}

.footerBlock1 .social a
{
    margin-right: 3%;
    display: inline-block;
}

.footerBlock2,
.footerBlock4
{
    width: 22%;
}

.footerBlock4 ul li
{
    margin-bottom: 6px;
}

.footerBlock4 ul li .fa
{
    margin-right: 5px;
}

/********** FooterLegal ***********/

.footerLegal
{

}

.footerLegal .pageContent
{
    padding:10px;
}

.footerLegal .fa
{
    font-size: 18px;
    color: @dimmedTextColor;
}

.footerLegal #legal li  a
{
    margin-left: 10px;
}

.footerLinks a.globalFeed
{
    margin: 0;
}

.footerLegal .pairsInline dt,
.footerLegal #BRCopyright .muted,
.footerLegal #BRCopyright .muted .concealed
{
    color: @dimmedTextColor;
}

<xen:if is="@enableResponsive">
@media (max-width:@nonResponsiveMinWidth)
{
    .Responsive .pairsInline.debugInfo
    {
        display: none;
    }
}
@media (max-width:@maxResponsiveWideWidth)
{
    .Responsive #copyright
    {
        float: none;
    }

    .Responsive #legal
    {
        float: none;
        display: inline-block;
    }

    .Responsive #legal>li
    {
    }

    .Responsive .footerBlock1
    {
        width: 100%;
        float: none;
        display: inline-block;
        text-align: justify;
    }

    .Responsive .footerBlock2,
    .Responsive .footerBlock4
    {
        width: 33%;
    }

}
@media (max-width:@maxResponsiveMediumWidth)
{
    .Responsive #BRCopyright
    {
        float: none !important;
    }

}
@media (max-width:@maxResponsiveNarrowWidth)
{
    .Responsive .footerBlock2,
    .Responsive .footerBlock4
    {
        float: none;
        width: 90%;
        margin: auto;
        text-align: center;
        margin-top: 10px;
    }

    .Responsive .footerBlock1 h3
    {
        text-align: center;
    }

    .Responsive #legal li
    {
        display: inline-block;
        float: none;
        vertical-align: middle;
    }

    .Responsive .footerBlock1 .social a
    {
        margin-right: 2%;
    }

}
</xen:if>
/*Корректное отображение футера*/
Может, проще по этой аналогии для нужного стиля просто проделывать всё примерно то же, что я сделала при создании аддона, тогда, думаю, всё будет без проблем.

Я завтра пошаговый мануал со скринами напишу Girl_Wink789

А вообще интересно понять, почему не работает шаблон Extra_footer.css, у меня уже такое не первый раз, какой-то коварный шаблон EXTRA.css или просто надо лучше понять, как он работает...
 

Вложения

SOUL

АдминкА
Администратор
Сообщения
7.686
Симпатии
10.862
Баллы
266
#2
Ничего у меня не получается, даже элементарного не могу сделать.Girl_Sad38

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

Сначала мы включаем режим отладки. http://xenforotest.ru/threads/template-modification-system-tms.38/#post-67

Затем заходим во Внешний вид => Стили => Настройки стиля => "Подвал" (footer) и выбираем "Создать новое свойство"

1.jpg


Далее заполняем поля

2.jpg
В поле "Имя свойства" прописываем
Код:
footerBlock1
В поле "Заголовок" - "1-ый блок футера."
В поле "Описание" - "Добавьте содержимое блока, используя HTML"

Затем выбираем тип свойства "Скаляр со значением по умолчанию" и в поле прописываем код:
Код:
<h3>ABOUT US</h3>
            <p class="text">
                Здесь Вы можете написать краткое резюме Вашего форума. Например, XenforoTest.ru - моя учебная площадка по освоению XenForo ;)

            </p>
            <p class="social">
                <a href="#"><img src="@imagePath/extra/google.png" alt="image" /></a>
                <a href="#"><img src="@imagePath/extra/facebook.png" alt="image" /></a>
                <a href="#"><img src="@imagePath/extra/pinterest.png" alt="image" /></a>
                <a href="#"><img src="@imagePath/extra/twitter.png" alt="image" /></a>
                <a href="#"><img src="@imagePath/extra/youtube.png" alt="image" /></a>
            </p>
Отмечаем "Многострочная строка".

Порядок отображения ставим, к примеру "10" и нажимаем "Сохранить определение настройки".

Далее по этой аналогии.

2-ой блок:

В поле "Имя свойства" прописываем
Код:
footerBlock2
В поле "Заголовок" - "2-ый блок футера."
В поле "Описание" - "Добавьте содержимое блока, используя HTML"

Затем выбираем тип свойства "Скаляр со значением по умолчанию" и в поле прописываем код:
Код:
<h3>Добавьте ссылки</h3>
            <ul>
                <li><a href="#">Related Link 1</a></li>
                <li><a href="#">Related Link 2</a></li>
                <li><a href="#">Related Link 3</a></li>
                <li><a href="#">Related Link 4</a></li>
                <li><a href="#">Related Link 5</a></li>
            </ul>
Отмечаем "Многострочная строка".

Порядок отображения ставим, к примеру "20" и нажимаем "Сохранить определение настройки".

3-ий блок:

В поле "Имя свойства" прописываем
Код:
footerBlock3
В поле "Заголовок" - "3-ый блок футера."
В поле "Описание" - "Добавьте содержимое блока, используя HTML"

Затем выбираем тип свойства "Скаляр со значением по умолчанию" и в поле прописываем код:
Код:
<h3>Добавьте ссылки</h3>
            <ul>
                <li><a href="#">Related Link 1</a></li>
                <li><a href="#">Related Link 2</a></li>
                <li><a href="#">Related Link 3</a></li>
                <li><a href="#">Related Link 4</a></li>
                <li><a href="#">Related Link 5</a></li>
            </ul>
Отмечаем "Многострочная строка".

Порядок отображения ставим, к примеру "30" и нажимаем "Сохранить определение настройки".

4-ый блок:

В поле "Имя свойства" прописываем
Код:
footerBlock4
В поле "Заголовок" - "4-ый блок футера."
В поле "Описание" - "Добавьте содержимое блока, используя HTML"

Затем выбираем тип свойства "Скаляр со значением по умолчанию" и в поле прописываем код:
Код:
<h3>CONTACT US</h3>
            <ul>
                <li><i class="fa fa-home"></i>Россия, г. Москва, Красная Площадь, д.1</li>
                <li><i class="fa fa-phone"></i> +74958888888</li>
                <li><a href="mailto: [email protected]"><i class="fa fa-envelope-o"></i> [email protected]</a></li>
                <li><a href="#"><i class="fa fa-globe"></i> www.xenforotest.ru</a></li>
            </ul>
Отмечаем "Многострочная строка".

Порядок отображения ставим, к примеру "40" и нажимаем "Сохранить определение настройки".


Далее идём во Внешний вид => Стили => Шаблоны и жмём "Создать новый шаблон".

В поле "Имя шаблона" пишем Extra_footer.css

И добавляем следующее содержимое:
Код:
footer
{
    background:@transparent;
}

.footer
{
    line-height: 18px;
}

.footer .pageContent
{
    padding: 20px 10px;
}

.footer h3
{
    padding: 10px 0;
    margin-bottom: 5px;
    font-size: 15px;
    color: @primaryMedium;
}

.footerBlock
{
    font-size: 13px;
    float: left;
}

.footerBlock > div
{
    padding:0 10px;
    box-sizing: border-box;
}

.footerBlock:first-child > div
{
    padding-left: 0;
}

.footerBlock:last-child > div
{
    padding-right: 0;
}

.footerBlock1
{
    width: 34%;
}

.footerBlock1 .social
{
    padding-top: 20px;
}

.footerBlock1 .social a
{
    margin-right: 3%;
    display: inline-block;
}

.footerBlock2,
.footerBlock4
{
    width: 22%;
}

.footerBlock4 ul li
{
    margin-bottom: 6px;
}

.footerBlock4 ul li .fa
{
    margin-right: 5px;
}

/********** FooterLegal ***********/

.footerLegal
{

}

.footerLegal .pageContent
{
    padding:10px;
}

.footerLegal .fa
{
    font-size: 18px;
    color: @dimmedTextColor;
}

.footerLegal #legal li  a
{
    margin-left: 10px;
}

.footerLinks a.globalFeed
{
    margin: 0;
}

.footerLegal .pairsInline dt,
.footerLegal #BRCopyright .muted,
.footerLegal #BRCopyright .muted .concealed
{
    color: @dimmedTextColor;
}

<xen:if is="@enableResponsive">
@media (max-width:@nonResponsiveMinWidth)
{
    .Responsive .pairsInline.debugInfo
    {
        display: none;
    }
}
@media (max-width:@maxResponsiveWideWidth)
{
    .Responsive #copyright
    {
        float: none;
    }

    .Responsive #legal
    {
        float: none;
        display: inline-block;
    }

    .Responsive #legal>li
    {
    }

    .Responsive .footerBlock1
    {
        width: 100%;
        float: none;
        display: inline-block;
        text-align: justify;
    }

    .Responsive .footerBlock2,
    .Responsive .footerBlock4
    {
        width: 33%;
    }

}
@media (max-width:@maxResponsiveMediumWidth)
{
    .Responsive #BRCopyright
    {
        float: none !important;
    }

}
@media (max-width:@maxResponsiveNarrowWidth)
{
    .Responsive .footerBlock2,
    .Responsive .footerBlock4
    {
        float: none;
        width: 90%;
        margin: auto;
        text-align: center;
        margin-top: 10px;
    }

    .Responsive .footerBlock1 h3
    {
        text-align: center;
    }

    .Responsive #legal li
    {
        display: inline-block;
        float: none;
        vertical-align: middle;
    }

    .Responsive .footerBlock1 .social a
    {
        margin-right: 2%;
    }

}
</xen:if>
Далее идём во Внешний вид => Модификации шаблонов и жмём " Создать модификацию шаблона".

В поле "Шаблон" пишем footer, в поле "Ключ модификации", к примеру, xenforotest_mod1, в поле "Описание" - Красивый и функциональный подвал

Тип поиска выбираем "Простая замена".

В поле найти этот код:
Код:
<xen:edithint template="footer.css" />

<xen:hook name="footer">
<div class="footer">
    <div class="pageWidth">
        <div class="pageContent">
            <xen:if is="{$canChangeStyle} OR {$canChangeLanguage}">
            <dl class="choosers">
                <xen:if is="{$canChangeStyle}">
                    <dt>{xen:phrase style}</dt>
                    <dd><a href="{xen:link 'misc/style', '', 'redirect={$requestPaths.requestUri}'}" class="OverlayTrigger Tooltip" title="{xen:phrase style_chooser}" rel="nofollow">{$visitorStyle.title}</a></dd>
                </xen:if>
                <xen:if is="{$canChangeLanguage}">
                    <dt>{xen:phrase language}</dt>
                    <dd><a href="{xen:link 'misc/language', '', 'redirect={$requestPaths.requestUri}'}" class="OverlayTrigger Tooltip" title="{xen:phrase language_chooser}" rel="nofollow">{$visitorLanguage.title}</a></dd>
                </xen:if>
            </dl>
            </xen:if>
       
            <ul class="footerLinks">
            <xen:hook name="footer_links">
                <xen:if is="{$xenOptions.contactUrl.type} === 'default'">
                    <li><a href="{xen:link 'misc/contact'}" class="OverlayTrigger" data-overlayOptions="{&quot;fixed&quot;:false}">{xen:phrase contact_us}</a></li>
                <xen:elseif is="{$xenOptions.contactUrl.type} === 'custom'" />
                    <li><a href="{$xenOptions.contactUrl.custom}" {xen:if {$xenOptions.contactUrl.overlay}, 'class="OverlayTrigger" data-overlayOptions="{&quot;fixed&quot;:false}"'}>{xen:phrase contact_us}</a></li>
                </xen:if>
                <li><a href="{xen:link help}">{xen:phrase help}</a></li>
                <xen:if is="{$homeLink}"><li><a href="{$homeLink}" class="homeLink">{xen:phrase home}</a></li></xen:if>
                <li><a href="{$requestPaths.requestUri}#navigation" class="topLink">{xen:phrase go_to_top}</a></li>
                <li><a href="{xen:link forums/-/index.rss}" rel="alternate" class="globalFeed" target="_blank"
                    title="{xen:phrase rss_feed_for_x, 'title={$xenOptions.boardTitle}'}">{xen:phrase rss}</a></li>
            </xen:hook>
            </ul>
       
            <span class="helper"></span>
        </div>
    </div>
</div>

<div class="footerLegal">
    <div class="pageWidth">
        <div class="pageContent">
            <ul id="legal">
            <xen:hook name="footer_links_legal">
                <xen:if is="{$tosUrl}"><li><a href="{$tosUrl}">{xen:phrase terms_and_rules}</a></li></xen:if>
                <xen:if is="{$xenOptions.privacyPolicyUrl}"><li><a href="{$xenOptions.privacyPolicyUrl}">{xen:phrase privacy_policy}</a></li></xen:if>
            </xen:hook>
            </ul>
       
            <div id="copyright">{xen:helper copyright} {xen:phrase extra_copyright}</div>
            <xen:hook name="footer_after_copyright" />
   
            <xen:if is="{$debugMode}">
                <xen:if hascontent="true">
                    <dl class="pairsInline debugInfo" title="{$controllerName}-&gt;{$controllerAction}{xen:if $viewName, ' ({$viewName})'}">
                    <xen:contentcheck>
                        <xen:if is="{$page_time}"><dt>{xen:phrase timing}:</dt> <dd><a href="{$debug_url}" rel="nofollow">{xen:phrase x_seconds, 'time={xen:number $page_time, 4}'}</a></dd></xen:if>
                        <xen:if is="{$memory_usage}"><dt>{xen:phrase memory}:</dt> <dd>{xen:phrase x_mb, 'size={xen:number {xen:calc "{$memory_usage} / 1024 / 1024"}, 3}'}</dd></xen:if>
                        <xen:if is="{$db_queries}"><dt>{xen:phrase db_queries}:</dt> <dd>{xen:number {$db_queries}}</dd></xen:if>
                    </xen:contentcheck>
                    </dl>
                </xen:if>
            </xen:if>
       
            <span class="helper"></span>
        </div>
    </div>
</div>
</xen:hook>
В поле "Заменить" этот:
Код:
<xen:edithint template="footer.css" />

<xen:hook name="footer">
<div class="footer">
    <div class="pageWidth">
        <div class="pageContent">
        <ul>
        <li class="footerBlock footerBlock1">
            <xen:if is="@footerBlock1">
            <div>
                @footerBlock1
            </div>
            </xen:if>
        </li>
        <li class="footerBlock footerBlock2">
            <xen:if is="@footerBlock2">
            <div>
                @footerBlock2
            </div>
            </xen:if>
        </li>
        <li class="footerBlock footerBlock2 footerBlock3">
            <xen:if is="@footerBlock3">
            <div>
                @footerBlock3
            </div>
            </xen:if>
        </li>
        <li class="footerBlock footerBlock4">
            <xen:if is="@footerBlock4">
            <div>
                @footerBlock4
            </div>
            </xen:if>
        </li>
        </ul>
        <xen:comment>
            <xen:if is="{$canChangeStyle} OR {$canChangeLanguage}">
            <dl class="choosers">
                <xen:if is="{$canChangeStyle}">
                    <dt>{xen:phrase style}</dt>
                    <dd><a href="{xen:link 'misc/style', '', 'redirect={$requestPaths.requestUri}'}" class="OverlayTrigger Tooltip" title="{xen:phrase style_chooser}" rel="nofollow">{$visitorStyle.title}</a></dd>
                </xen:if>
                <xen:if is="{$canChangeLanguage}">
                    <dt>{xen:phrase language}</dt>
                    <dd><a href="{xen:link 'misc/language', '', 'redirect={$requestPaths.requestUri}'}" class="OverlayTrigger Tooltip" title="{xen:phrase language_chooser}" rel="nofollow">{$visitorLanguage.title}</a></dd>
                </xen:if>
            </dl>
            </xen:if>
       
            <ul class="footerLinks">
            <xen:hook name="footer_links">
                <xen:if is="{$xenOptions.contactUrl.type} === 'default'">
                    <a href="{xen:link 'misc/contact'}" class="OverlayTrigger" data-overlayOptions="{&quot;fixed&quot;:false}">{xen:phrase contact_us}</a>
                <xen:elseif is="{$xenOptions.contactUrl.type} === 'custom'" />
                    <a href="{$xenOptions.contactUrl.custom}" {xen:if {$xenOptions.contactUrl.overlay}, 'class="OverlayTrigger" data-overlayOptions="{&quot;fixed&quot;:false}"'}>{xen:phrase contact_us}</a>
                </xen:if>
                <li><a href="{xen:link help}">{xen:phrase help}</a></li>
                <xen:if is="{$homeLink}"><li><a href="{$homeLink}" class="homeLink">{xen:phrase home}</a></li></xen:if>
                <li><a href="{$requestPaths.requestUri}#navigation" class="topLink">{xen:phrase go_to_top}</a></li>
                <li><a href="{xen:link forums/-/index.rss}" rel="alternate" class="globalFeed" target="_blank"
                    title="{xen:phrase rss_feed_for_x, 'title={$xenOptions.boardTitle}'}">{xen:phrase rss}</a></li>
            </xen:hook>
            </ul>
            </xen:comment>
       
            <span class="helper"></span>
        </div>
    </div>
</div>

<div class="footerLegal">
    <div class="pageWidth">
        <div class="pageContent">
   
            <ul id="legal">
            <xen:if is="{$canChangeStyle} OR {$canChangeLanguage}">
                <xen:if is="{$canChangeStyle}">
                <li>
                    <a href="{xen:link 'misc/style', '', 'redirect={$requestPaths.requestUri}'}" class="OverlayTrigger Tooltip" title="{xen:phrase style_chooser}" rel="nofollow">{$visitorStyle.title}</a>
                </li>
                </xen:if>
                <xen:if is="{$canChangeLanguage}">
                <li>
                    <a href="{xen:link 'misc/language', '', 'redirect={$requestPaths.requestUri}'}" class="OverlayTrigger Tooltip" title="{xen:phrase language_chooser}" rel="nofollow">{$visitorLanguage.title}</a>
                </li>
                </xen:if>
            </xen:if>
            <xen:hook name="footer_links_legal">
                <xen:if is="{$tosUrl}"><li><a href="{$tosUrl}">{xen:phrase terms_and_rules}</a></li></xen:if>
                <xen:if is="{$xenOptions.privacyPolicyUrl}"><li><a href="{$xenOptions.privacyPolicyUrl}">{xen:phrase privacy_policy}</a></li></xen:if>
            </xen:hook>
            <li>
                <ul class="footerLinks">
            <xen:hook name="footer_links">
                <xen:if is="{$xenOptions.contactUrl.type} === 'default'">
                    <li><a href="{xen:link 'misc/contact'}" class="OverlayTrigger" data-overlayOptions="{&quot;fixed&quot;:false}">{xen:phrase contact_us}</a></li>
                <xen:elseif is="{$xenOptions.contactUrl.type} === 'custom'" />
                    <li><a href="{$xenOptions.contactUrl.custom}" {xen:if {$xenOptions.contactUrl.overlay}, 'class="OverlayTrigger" data-overlayOptions="{&quot;fixed&quot;:false}"'}>{xen:phrase contact_us}</a></li>
                </xen:if>
                <li><a href="{xen:link help}">{xen:phrase help}</a></li>
                <xen:if is="{$homeLink}"><li><a href="{$homeLink}" class="homeLink">{xen:phrase home}</a></li></xen:if>
                <li><a href="{$requestPaths.requestUri}#navigation" class="topLink"><i class="fa fa-angle-up fa-lg"></i><xen:comment>{xen:phrase go_to_top}</xen:comment></a></li>
                <li><a href="{xen:link forums/-/index.rss}" rel="alternate" class="globalFeed" target="_blank"
                    title="{xen:phrase rss_feed_for_x, 'title={$xenOptions.boardTitle}'}">{xen:phrase rss}</a></li>
            </xen:hook>
            </ul>
            </li>
            </ul>
       
            <xen:if is="{$debugMode}">
                <xen:if hascontent="true">
                    <dl class="pairsInline debugInfo" title="{$controllerName}-&gt;{$controllerAction}{xen:if $viewName, ' ({$viewName})'}">
                    <xen:contentcheck>
                        <xen:if is="{$page_time}"><dt>{xen:phrase timing}:</dt> <dd><a href="{$debug_url}" rel="nofollow">{xen:phrase x_seconds, 'time={xen:number $page_time, 4}'}</a></dd></xen:if>
                        <xen:if is="{$memory_usage}"><dt>{xen:phrase memory}:</dt> <dd>{xen:phrase x_mb, 'size={xen:number {xen:calc "{$memory_usage} / 1024 / 1024"}, 3}'}</dd></xen:if>
                        <xen:if is="{$db_queries}"><dt>{xen:phrase db_queries}:</dt> <dd>{xen:number {$db_queries}}</dd></xen:if>
                    </xen:contentcheck>
                    </dl>
                </xen:if>
            </xen:if>
       
            <span class="helper"></span>
        </div>
    </div>
</div>
</xen:hook>
Порядок выполнения выбираем 100 и жмём "Сохранить модификацию шаблона".

Далее по этой же аналогии создаём 2-ю модификацию.

В поле "Шаблон" пишем footer.css, в поле "Ключ модификации", к примеру, xenforotest_mod2, в поле "Описание" - Красивый и функциональный подвал

Тип поиска выбираем "Простая замена".

В поле найти этот код:
Код:
.footer .pageContent
{
    @footer
}

    .footer a,
    .footer a:visited
    {
        @footerLink
    }

        .footer a:hover,
        .footer a:active
        {
            @footerLinkHover
        }

    .footer .choosers
    {
        @footerLeftBlock
    }

        .footer .choosers dt
        {
            display: none;
        }
    
        .footer .choosers dd
        {
            float: left;
            <xen:if is="{$pageIsRtl}">*display: inline; *float: none; *zoom: 1;</xen:if>
        }
    
    .footerLinks
    {
        @footerRightBlock
    }

        .footerLinks li
        {
            float: left;
            <xen:if is="{$pageIsRtl}">*display: inline; *float: none; *zoom: 1;</xen:if>
        }
    
            .footerLinks a.globalFeed
            {
                width: 14px;
                height: 14px;
                display: block;
                text-indent: -9999px;
                white-space: nowrap;
                background: url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat -112px -16px;
                padding: 0;
                margin: 5px;
            }

.footerLegal .pageContent
{
    font-size: 11px;
    overflow: hidden; zoom: 1;
    padding: 5px 5px 15px;
    text-align: center;
}

    #copyright
    {
        color: @dimmedTextColor;
        float: left;
    }

    #legal
    {
        float: right;
    }

        #legal li
        {
            float: left;
            <xen:if is="{$pageIsRtl}">*display: inline; *float: none; *zoom: 1;</xen:if>
            margin-left: 10px;
        }

<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveMediumWidth)
{
    .Responsive .footerLinks a.globalFeed,
    .Responsive .footerLinks a.topLink,
    .Responsive .footerLinks a.homeLink
    {
        display: none;
    }

    .Responsive .footerLegal .debugInfo
    {
        clear: both;
    }
}

@media (max-width:@maxResponsiveNarrowWidth)
{
    .Responsive #copyright span
    {
        display: none;
    }
}
</xen:if>
В поле "Заменить":
Код:
.footer .pageContent
{
    @footer
}
    footer,
    .footerLegal a,
    .footer a,
    .footer a:visited
    {
        @footerLink
    }
    
        .footerLegal a:hover,
        .footerLegal a:active,
        .footer a:hover,
        .footer a:active
        {
            @footerLinkHover
        }

    .footer .choosers
    {
        @footerLeftBlock
    }

        .footer .choosers dt
        {
            display: none;
        }
    
        .footer .choosers dd
        {
            float: left;
            <xen:if is="{$pageIsRtl}">*display: inline; *float: none; *zoom: 1;</xen:if>
        }
    
    .footerLinks
    {
        @footerRightBlock
    }

        .footerLinks li
        {
            float: left;
            <xen:if is="{$pageIsRtl}">*display: inline; *float: none; *zoom: 1;</xen:if>
        }
    
            .footerLinks a.globalFeed
            {
                width: 14px;
                height: 14px;
                display: block;
                text-indent: -9999px;
                white-space: nowrap;
                background: url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat -112px -16px;
                padding: 0;
                /*margin: 5px;*/
            }

.footerLegal .pageContent
{
    font-size: 12px;
    overflow: hidden; zoom: 1;
    padding: 10px 5px;
    text-align: center;
}

    #copyright
    {
        float: left;
    }

    #legal
    {
        float: right;
    }

        #legal li
        {
            float: left;
            <xen:if is="{$pageIsRtl}">*display: inline; *float: none; *zoom: 1;</xen:if>
        }

<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveMediumWidth)
{
    .Responsive .footerLinks a.globalFeed,
    .Responsive .footerLinks a.topLink,
    .Responsive .footerLinks a.homeLink
    {
        display: none;
    }

    .Responsive .footerLegal .debugInfo
    {
        clear: both;
    }
}

@media (max-width:@maxResponsiveNarrowWidth)
{
    .Responsive #copyright span
    {
        display: none;
    }
}
</xen:if>
Порядок выполнения выбираем 110 и жмём "Сохранить модификацию шаблона".
 
Последнее редактирование:

SOUL

АдминкА
Администратор
Сообщения
7.686
Симпатии
10.862
Баллы
266
#3
Что-то я пока забросила создание плагина для автопостинга новых тем с форума в VK.

Переключилась на футер и к этому причастен Skaiman со своими творениями
Но ближе к сути. Дело в том, что не все стили имеют красивый и функциональный футер, в который можно добавлять нужную информацию и ссылки.

В стилях от Brivium'a, в UI.X-овских стилях с этим нет проблем. Безусловно, такой функционал нужен далеко не всем даже при отсутствии этой опции. Но всё-таки мне стало интересно, как это можно реализовать. Для эксперимента использовала стиль Arsenic от Brivium'a http://xenforotest.ru/threads/arsenic-ot-brivium.55/ С уиксовским стилем пока не стала связываться, заглянула в него, мне показалось там всё гораздо сложнее Girl_Wacko323

То есть решила я попробовать "позаимствовать" футер из Бривиумского стиля. Просто знаний и опыта маловато, но начинать надо для понимания чего-то более сложного.

Вот, что у меня получилось на примере дефолтного стиля:

Посмотреть вложение 1314

То есть я сделала плагин (см. вложение), с помощью которого можно привести футер в такое состояние.

Пока почему-то применяется только для дефолтного стиля и то через раз. На этот форум поставила, на дефолтный стиль перешла, но ничего не применилось.Girl_To_Take_Umbrage
Вроде делала всё на мастер-стиле. Может, кто подскажет, почему так и как исправить Girl_Smile379

Что касается установки. Содержимое папки styles/default, то есть папку extra поместить в папку styles/default, т.к. пока работает только на дефолтном стиле, затем установить дополнение.

Добавлять свою информацию в Стили => Настройка стиля => "Подвал" (footer).

Посмотреть вложение 1318

Примечание: Единственное, у меня не поучилось сделать активной одну модификацию, хотя я создавала шаблон

Посмотреть вложение 1316
, но после установки не применяется почему-то cssScratch_One_S _Head_Girlи выглядит вот так:

Посмотреть вложение 1317

Поэтому после установки нужно в шаблон EXTRA.css добавить этот код:
Код:
/*Корректное отображение футера*/
footer
{
    background:@transparent;
}

.footer
{
    line-height: 18px;
}

.footer .pageContent
{
    padding: 20px 10px;
}

.footer h3
{
    padding: 10px 0;
    margin-bottom: 5px;
    font-size: 15px;
    color: @primaryMedium;
}

.footerBlock
{
    font-size: 13px;
    float: left;
}

.footerBlock > div
{
    padding:0 10px;
    box-sizing: border-box;
}

.footerBlock:first-child > div
{
    padding-left: 0;
}

.footerBlock:last-child > div
{
    padding-right: 0;
}

.footerBlock1
{
    width: 34%;
}

.footerBlock1 .social
{
    padding-top: 20px;
}

.footerBlock1 .social a
{
    margin-right: 3%;
    display: inline-block;
}

.footerBlock2,
.footerBlock4
{
    width: 22%;
}

.footerBlock4 ul li
{
    margin-bottom: 6px;
}

.footerBlock4 ul li .fa
{
    margin-right: 5px;
}

/********** FooterLegal ***********/

.footerLegal
{

}

.footerLegal .pageContent
{
    padding:10px;
}

.footerLegal .fa
{
    font-size: 18px;
    color: @dimmedTextColor;
}

.footerLegal #legal li  a
{
    margin-left: 10px;
}

.footerLinks a.globalFeed
{
    margin: 0;
}

.footerLegal .pairsInline dt,
.footerLegal #BRCopyright .muted,
.footerLegal #BRCopyright .muted .concealed
{
    color: @dimmedTextColor;
}

<xen:if is="@enableResponsive">
@media (max-width:@nonResponsiveMinWidth)
{
    .Responsive .pairsInline.debugInfo
    {
        display: none;
    }
}
@media (max-width:@maxResponsiveWideWidth)
{
    .Responsive #copyright
    {
        float: none;
    }

    .Responsive #legal
    {
        float: none;
        display: inline-block;
    }

    .Responsive #legal>li
    {
    }

    .Responsive .footerBlock1
    {
        width: 100%;
        float: none;
        display: inline-block;
        text-align: justify;
    }

    .Responsive .footerBlock2,
    .Responsive .footerBlock4
    {
        width: 33%;
    }

}
@media (max-width:@maxResponsiveMediumWidth)
{
    .Responsive #BRCopyright
    {
        float: none !important;
    }

}
@media (max-width:@maxResponsiveNarrowWidth)
{
    .Responsive .footerBlock2,
    .Responsive .footerBlock4
    {
        float: none;
        width: 90%;
        margin: auto;
        text-align: center;
        margin-top: 10px;
    }

    .Responsive .footerBlock1 h3
    {
        text-align: center;
    }

    .Responsive #legal li
    {
        display: inline-block;
        float: none;
        vertical-align: middle;
    }

    .Responsive .footerBlock1 .social a
    {
        margin-right: 2%;
    }

}
</xen:if>
/*Корректное отображение футера*/
Может, проще по этой аналогии для нужного стиля просто проделывать всё примерно то же, что я сделала при создании аддона, тогда, думаю, всё будет без проблем.

Я завтра пошаговый мануал со скринами напишу Girl_Wink789

А вообще интересно понять, почему не работает шаблон Extra_footer.css, у меня уже такое не первый раз, какой-то коварный шаблон EXTRA.css или просто надо лучше понять, как он работает...

Один добрый человек мне подсказал, что шаблон создать мало, его ещё нужно подключить, хотя я думала, что при создании шаблона выбирая моё дополнение, тем самым я и подключаю этот шаблон к дополнению. Дословно цитирую:
В дополнение мало добавить шаблон, это всего лишь определяет принадлежность шаблона к дополнению.
Его ещё нужно подключить в нужном шаблоне, чтобы стили работали и применялись.
Соответственно, добавление этого кода
Код:
<xen:edithint template="XenforoTest_footer.css" />
<xen:require css="XenforoTest_footer2.css" />
в шаблон XenforoTest_footer и есть подключение шаблонов. подключение шаблонов.jpg

Регулярное выражение, которое применяется, чтобы заменить всё содержимое шаблона, в данном случае шаблона footer, кодом из созданного шаблона для изменения подвала выглядит так Безымянный.jpg

XenforoTest_footer
- шаблон, содержимым которого нужно заменить содержимое шаблона footer.

На самом деле мне надо было создать не 2 модификации и один шаблон, а 3 шаблона и одну модификацию.

То есть шаблон XenforoTest_footer с содержимым

Код:
<xen:edithint template="XenforoTest_footer.css" />
<xen:require css="XenforoTest_footer2.css" />
<xen:hook name="footer">
<div class="footer">
    <div class="pageWidth">
        <div class="pageContent">
        <ul>
        <li class="footerBlock footerBlock1">
            <xen:if is="@footerBlock1">
            <div>
                @footerBlock1
            </div>
            </xen:if>
        </li>
        <li class="footerBlock footerBlock2">
            <xen:if is="@footerBlock2">
            <div>
                @footerBlock2
            </div>
            </xen:if>
        </li>
        <li class="footerBlock footerBlock2 footerBlock3">
            <xen:if is="@footerBlock3">
            <div>
                @footerBlock3
            </div>
            </xen:if>
        </li>
        <li class="footerBlock footerBlock4">
            <xen:if is="@footerBlock4">
            <div>
                @footerBlock4
            </div>
            </xen:if>
        </li>
        </ul>
        <xen:comment>
            <xen:if is="{$canChangeStyle} OR {$canChangeLanguage}">
            <dl class="choosers">
                <xen:if is="{$canChangeStyle}">
                    <dt>{xen:phrase style}</dt>
                    <dd><a href="{xen:link 'misc/style', '', 'redirect={$requestPaths.requestUri}'}" class="OverlayTrigger Tooltip" title="{xen:phrase style_chooser}" rel="nofollow">{$visitorStyle.title}</a></dd>
                </xen:if>
                <xen:if is="{$canChangeLanguage}">
                    <dt>{xen:phrase language}</dt>
                    <dd><a href="{xen:link 'misc/language', '', 'redirect={$requestPaths.requestUri}'}" class="OverlayTrigger Tooltip" title="{xen:phrase language_chooser}" rel="nofollow">{$visitorLanguage.title}</a></dd>
                </xen:if>
            </dl>
            </xen:if>
        
            <ul class="footerLinks">
            <xen:hook name="footer_links">
                <xen:if is="{$xenOptions.contactUrl.type} === 'default'">
                    <a href="{xen:link 'misc/contact'}" class="OverlayTrigger" data-overlayOptions="{&quot;fixed&quot;:false}">{xen:phrase contact_us}</a>
                <xen:elseif is="{$xenOptions.contactUrl.type} === 'custom'" />
                    <a href="{$xenOptions.contactUrl.custom}" {xen:if {$xenOptions.contactUrl.overlay}, 'class="OverlayTrigger" data-overlayOptions="{&quot;fixed&quot;:false}"'}>{xen:phrase contact_us}</a>
                </xen:if>
                <li><a href="{xen:link help}">{xen:phrase help}</a></li>
                <xen:if is="{$homeLink}"><li><a href="{$homeLink}" class="homeLink">{xen:phrase home}</a></li></xen:if>
                <li><a href="{$requestPaths.requestUri}#navigation" class="topLink">{xen:phrase go_to_top}</a></li>
                <li><a href="{xen:link forums/-/index.rss}" rel="alternate" class="globalFeed" target="_blank"
                    title="{xen:phrase rss_feed_for_x, 'title={$xenOptions.boardTitle}'}">{xen:phrase rss}</a></li>
            </xen:hook>
            </ul>
            </xen:comment>
        
            <span class="helper"></span>
        </div>
    </div>
</div>

<div class="footerLegal">
    <div class="pageWidth">
        <div class="pageContent">
    
            <ul id="legal">
            <xen:if is="{$canChangeStyle} OR {$canChangeLanguage}">
                <xen:if is="{$canChangeStyle}">
                <li>
                    <a href="{xen:link 'misc/style', '', 'redirect={$requestPaths.requestUri}'}" class="OverlayTrigger Tooltip" title="{xen:phrase style_chooser}" rel="nofollow">{$visitorStyle.title}</a>
                </li>
                </xen:if>
                <xen:if is="{$canChangeLanguage}">
                <li>
                    <a href="{xen:link 'misc/language', '', 'redirect={$requestPaths.requestUri}'}" class="OverlayTrigger Tooltip" title="{xen:phrase language_chooser}" rel="nofollow">{$visitorLanguage.title}</a>
                </li>
                </xen:if>
            </xen:if>
            <xen:hook name="footer_links_legal">
                <xen:if is="{$tosUrl}"><li><a href="{$tosUrl}">{xen:phrase terms_and_rules}</a></li></xen:if>
                <xen:if is="{$xenOptions.privacyPolicyUrl}"><li><a href="{$xenOptions.privacyPolicyUrl}">{xen:phrase privacy_policy}</a></li></xen:if>
            </xen:hook>
            <li>
                <ul class="footerLinks">
            <xen:hook name="footer_links">
                <xen:if is="{$xenOptions.contactUrl.type} === 'default'">
                    <li><a href="{xen:link 'misc/contact'}" class="OverlayTrigger" data-overlayOptions="{&quot;fixed&quot;:false}">{xen:phrase contact_us}</a></li>
                <xen:elseif is="{$xenOptions.contactUrl.type} === 'custom'" />
                    <li><a href="{$xenOptions.contactUrl.custom}" {xen:if {$xenOptions.contactUrl.overlay}, 'class="OverlayTrigger" data-overlayOptions="{&quot;fixed&quot;:false}"'}>{xen:phrase contact_us}</a></li>
                </xen:if>
                <li><a href="{xen:link help}">{xen:phrase help}</a></li>
                <xen:if is="{$homeLink}"><li><a href="{$homeLink}" class="homeLink">{xen:phrase home}</a></li></xen:if>
                <li><a href="{$requestPaths.requestUri}#navigation" class="topLink"><i class="fa fa-angle-up fa-lg"></i><xen:comment>{xen:phrase go_to_top}</xen:comment></a></li>
                <li><a href="{xen:link forums/-/index.rss}" rel="alternate" class="globalFeed" target="_blank"
                    title="{xen:phrase rss_feed_for_x, 'title={$xenOptions.boardTitle}'}">{xen:phrase rss}</a></li>
            </xen:hook>
            </ul>
            </li>
            </ul>
        
            <xen:if is="{$debugMode}">
                <xen:if hascontent="true">
                    <dl class="pairsInline debugInfo" title="{$controllerName}-&gt;{$controllerAction}{xen:if $viewName, ' ({$viewName})'}">
                    <xen:contentcheck>
                        <xen:if is="{$page_time}"><dt>{xen:phrase timing}:</dt> <dd><a href="{$debug_url}" rel="nofollow">{xen:phrase x_seconds, 'time={xen:number $page_time, 4}'}</a></dd></xen:if>
                        <xen:if is="{$memory_usage}"><dt>{xen:phrase memory}:</dt> <dd>{xen:phrase x_mb, 'size={xen:number {xen:calc "{$memory_usage} / 1024 / 1024"}, 3}'}</dd></xen:if>
                        <xen:if is="{$db_queries}"><dt>{xen:phrase db_queries}:</dt> <dd>{xen:number {$db_queries}}</dd></xen:if>
                    </xen:contentcheck>
                    </dl>
                </xen:if>
            </xen:if>
        
            <span class="helper"></span>
        </div>
    </div>
</div>
</xen:hook>
шаблон XenforoTest_footer.css, содержащий этот код:
Код:
.footer .pageContent
{
    @property "footer";
    font-size: 11px;
    color: @primaryLighter;
    background-color: @primaryMedium;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: hidden;
    zoom: 1;
    @property "/footer";
}
    footer,
    .footerLegal a,
    .footer a,
    .footer a:visited
    {
        @property "footerLink";
        color: @primaryLighter;
        padding: 5px;
        display: block;
        @property "/footerLink";
    }
    
        .footerLegal a:hover,
        .footerLegal a:active,
        .footer a:hover,
        .footer a:active
        {
            @property "footerLinkHover";
            color: @primaryLighterStill;
            @property "/footerLinkHover";
        }

    .footer .choosers
    {
        @property "footerLeftBlock";
        padding-left: 5px;
        float: left;
        overflow: hidden;
        zoom: 1;
        @property "/footerLeftBlock";
    }

        .footer .choosers dt
        {
            display: none;
        }
    
        .footer .choosers dd
        {
            float: left;
            <xen:if is="{$pageIsRtl}">*display: inline; *float: none; *zoom: 1;</xen:if>
        }
    
    .footerLinks
    {
        @property "footerRightBlock";
        padding-right: 5px;
        float: right;
        overflow: hidden;
        zoom: 1;
        @property "/footerRightBlock";
    }

        .footerLinks li
        {
            float: left;
            <xen:if is="{$pageIsRtl}">*display: inline; *float: none; *zoom: 1;</xen:if>
        }
    
            .footerLinks a.globalFeed
            {
                width: 14px;
                height: 14px;
                display: block;
                text-indent: -9999px;
                white-space: nowrap;
                background: url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat -112px -16px;
                padding: 0;
                /*margin: 5px;*/
            }

.footerLegal .pageContent
{
    font-size: 12px;
    overflow: hidden; zoom: 1;
    padding: 10px 5px;
    text-align: center;
}

    #copyright
    {
        float: left;
    }

    #legal
    {
        float: right;
    }

        #legal li
        {
            float: left;
            <xen:if is="{$pageIsRtl}">*display: inline; *float: none; *zoom: 1;</xen:if>
        }

<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveMediumWidth)
{
    .Responsive .footerLinks a.globalFeed,
    .Responsive .footerLinks a.topLink,
    .Responsive .footerLinks a.homeLink
    {
        display: none;
    }

    .Responsive .footerLegal .debugInfo
    {
        clear: both;
    }
}

@media (max-width:@maxResponsiveNarrowWidth)
{
    .Responsive #copyright span
    {
        display: none;
    }
}
</xen:if>
и шаблон XenforoTest_footer2.css:
Код:
footer
{
    background: @transparent;
}
.footer
{
    line-height: 18px;
}

.footer .pageContent
{
    padding: 20px 10px;
}

.footer h3
{
    padding: 10px 0;
    margin-bottom: 5px;
    font-size: 15px;
    color: primaryMedium;
}

.footerBlock
{
    font-size: 13px;
    float: left;
}

.footerBlock > div
{
    padding:0 10px;
    box-sizing: border-box;
}

.footerBlock:first-child > div
{
    padding-left: 0;
}

.footerBlock:last-child > div
{
    padding-right: 0;
}

.footerBlock1
{
    width: 34%;
}

.footerBlock1 .social
{
    padding-top: 20px;
}

.footerBlock1 .social a
{
    margin-right: 3%;
    display: inline-block;
}

.footerBlock2,
.footerBlock4
{
    width: 22%;
}

.footerBlock4 ul li
{
    margin-bottom: 6px;
}

.footerBlock4 ul li .fa
{
    margin-right: 5px;
}

/********** FooterLegal ***********/

.footerLegal
{

}

.footerLegal .pageContent
{
    padding:10px;
}

.footerLegal .fa
{
    font-size: 18px;
    color: @dimmedTextColor;
}

.footerLegal #legal li  a
{
    margin-left: 10px;
}

.footerLinks a.globalFeed
{
    margin: 0;
}

.footerLegal .pairsInline dt,
.footerLegal #BRCopyright .muted,
.footerLegal #BRCopyright .muted .concealed
{
    color: @dimmedTextColor;
}

<xen:if is="@enableResponsive">
@media (max-width:@nonResponsiveMinWidth)
{
    .Responsive .pairsInline.debugInfo
    {
        display: none;
    }
}
@media (max-width:@maxResponsiveWideWidth)
{
    .Responsive #copyright
    {
        float: none;
    }

    .Responsive #legal
    {
        float: none;
        display: inline-block;
    }

    .Responsive #legal>li
    {
    }

    .Responsive .footerBlock1
    {
        width: 100%;
        float: none;
        display: inline-block;
        text-align: justify;
    }

    .Responsive .footerBlock2,
    .Responsive .footerBlock4
    {
        width: 33%;
    }

}
@media (max-width:@maxResponsiveMediumWidth)
{
    .Responsive #BRCopyright
    {
        float: none !important;
    }

}
@media (max-width:@maxResponsiveNarrowWidth)
{
    .Responsive .footerBlock2,
    .Responsive .footerBlock4
    {
        float: none;
        width: 90%;
        margin: auto;
        text-align: center;
        margin-top: 10px;
    }

    .Responsive .footerBlock1 h3
    {
        text-align: center;
    }

    .Responsive #legal li
    {
        display: inline-block;
        float: none;
        vertical-align: middle;
    }

    .Responsive .footerBlock1 .social a
    {
        margin-right: 2%;
    }

}
</xen:if>
Что касается части по созданию новых свойств, то я всё делала верно и эту часть размещу теперь для бОльшей наглядности не под спойлером:

Сначала мы включаем режим отладки. http://xenforotest.ru/threads/template-modification-system-tms.38/#post-67

Затем заходим во Внешний вид => Стили => Настройки стиля => "Подвал" (footer) и выбираем "Создать новое свойство"

Посмотреть вложение 1333


Далее заполняем поля

Посмотреть вложение 1334
В поле "Имя свойства" прописываем
Код:
footerBlock1
В поле "Заголовок" - "1-ый блок футера."
В поле "Описание" - "Добавьте содержимое блока, используя HTML"

Затем выбираем тип свойства "Скаляр со значением по умолчанию" и в поле прописываем код:
Код:
<h3>О НАС</h3>
            <p class="text">
                Здесь Вы можете написать краткое резюме Вашего форума. Например, XenforoTest.ru - моя учебная площадка по освоению XenForo ;)

            </p>
            <p class="social">
                <a href="#"><img src="@imagePath/extra/google.png" alt="image" /></a>
                <a href="#"><img src="@imagePath/extra/facebook.png" alt="image" /></a>
                <a href="#"><img src="@imagePath/extra/pinterest.png" alt="image" /></a>
                <a href="#"><img src="@imagePath/extra/twitter.png" alt="image" /></a>
                <a href="#"><img src="@imagePath/extra/youtube.png" alt="image" /></a>
            </p>
Отмечаем "Многострочная строка".

Порядок отображения ставим, к примеру "10" и нажимаем "Сохранить определение настройки".

Далее по этой аналогии.

2-ой блок:

В поле "Имя свойства" прописываем
Код:
footerBlock2
В поле "Заголовок" - "2-ый блок футера."
В поле "Описание" - "Добавьте содержимое блока, используя HTML"

Затем выбираем тип свойства "Скаляр со значением по умолчанию" и в поле прописываем код:
Код:
<h3>НАШИ ССЫЛКИ</h3>
            <ul>
                <li><a href="#">1-я ссылка</a></li>
                <li><a href="#">2-я ссылка</a></li>
                <li><a href="#">3-я ссылка</a></li>
                <li><a href="#">4-я ссылка</a></li>
                <li><a href="#">5-я ссылка</a></li>
            </ul>
Отмечаем "Многострочная строка".

Порядок отображения ставим, к примеру "20" и нажимаем "Сохранить определение настройки".

3-ий блок:

В поле "Имя свойства" прописываем
Код:
footerBlock3
В поле "Заголовок" - "3-ый блок футера."
В поле "Описание" - "Добавьте содержимое блока, используя HTML"

Затем выбираем тип свойства "Скаляр со значением по умолчанию" и в поле прописываем код:
Код:
<h3>НАШИ ССЫЛКИ</h3>
            <ul>
                <li><a href="#">1-я ссылка</a></li>
                <li><a href="#">2-я ссылка</a></li>
                <li><a href="#">3-я ссылка</a></li>
                <li><a href="#">4-я ссылка</a></li>
                <li><a href="#">5-я ссылка</a></li>
            </ul>
Отмечаем "Многострочная строка".

Порядок отображения ставим, к примеру "30" и нажимаем "Сохранить определение настройки".

4-ый блок:

В поле "Имя свойства" прописываем
Код:
footerBlock4
В поле "Заголовок" - "4-ый блок футера."
В поле "Описание" - "Добавьте содержимое блока, используя HTML"

Затем выбираем тип свойства "Скаляр со значением по умолчанию" и в поле прописываем код:
Код:
<h3>НАШИ КОНТАКТЫ</h3>
            <ul>
                <li><i class="fa fa-home"></i>Россия, г. Москва, Красная Площадь, д.1</li>
                <li><i class="fa fa-phone"></i> +74958888888</li>
                <li><a href="mailto: [email protected]"><i class="fa fa-envelope-o"></i> [email protected]</a></li>
                <li><a href="#"><i class="fa fa-globe"></i> www.xenforotest.ru</a></li>
            </ul>
Отмечаем "Многострочная строка".

Порядок отображения ставим, к примеру "40" и нажимаем "Сохранить определение настройки".



Правки, которые делала для корректного отображения (чтоб не забыть, на всякий случай):
Чтобы буквы заголовков не сливались с фоном, в шаблоне XenforoTest_footer2.css изменила на (см. выделенное)
.footer h3
{
padding: 10px 0;
margin-bottom: 5px;
font-size: 15px;
color: primaryMedium;
}

В шаблоне XenforoTest_footer, чтобы не отображалось так, как, например, на дефолтном стиле подвал.jpg , я изменила
footer
{
background: @transparent;
}

Было
Код:
{
    background:@secondaryDarker;
}
Окончательный вариант ([XenforoTest] Footer.rar):

XenforoTest.ru.jpg

Установка:

Содержимое папки styles/default, то есть папку extra поместить в папку styles/ваш_стиль.
Далее, как дополнение, устанавливаем xml файл.

Добавлять свою информацию в Стили => Настройка стиля => "Подвал" (footer).

Сейчас увидела рецензию на соседнем ресурсе рецензия на инфо.jpg Girl_Sad38, посмотреть, кто её оставил, я не могу...
 

Вложения

Последнее редактирование:

Георгий Шевченко

[GX] Разработчик
Разработчик
Сообщения
71
Симпатии
128
Баллы
33
#4
Ой не обращай внимания, мне вон тоже ставят всё по низкому. :D
Пишешь в своё удовольствие. ;) Просто не обращай внимания на это, а то настрой будет плохой.
Я кстати тоже не могу посмотреть что за сволочь (хороший человек), гадит мне :D.

Лучше бы уже не ставили оценку :D
inses.png
 

SOUL

АдминкА
Администратор
Сообщения
7.686
Симпатии
10.862
Баллы
266
#5
Я всё-таки за прозрачную оценку, а не подковёрные шашни, типо за спиной все пипец какие крутые, вот пацаны бывают же...

Ну ладно, не доступно посмотреть, кто поставил оценку, так ты если ставишь, хотя бы обоснуй или для этого мозгов не хватает?

Исподтишка, за спиной, это, конечно, многое говорит о человеке...
 

Георгий Шевченко

[GX] Разработчик
Разработчик
Сообщения
71
Симпатии
128
Баллы
33
#6
:) нужно попросить чтобы можно было рецензию оставлять только с комментарием, чтобы знать кто её оставляет)
 

SOUL

АдминкА
Администратор
Сообщения
7.686
Симпатии
10.862
Баллы
266
#7
Что-то я разошлась Girl_Haha398
Не, ну ладно мне влепили, я не претендую на супер гениальность, Жорочка, за тебя, если честно, обидно стало! Girl_Smile379
 

Георгий Шевченко

[GX] Разработчик
Разработчик
Сообщения
71
Симпатии
128
Баллы
33
#8
Что-то я разошлась Girl_Haha398
Не, ну ладно мне влепили, я не претендую на супер гениальность, Жорочка, за тебя, если честно, обидно стало! Girl_Smile379
Дело не в оценке, мне даже не показали мои минусы, и что там ни так :(
И теперь сиди гадай, что им не нравится.
 

SOUL

АдминкА
Администратор
Сообщения
7.686
Симпатии
10.862
Баллы
266
#9
Дело не в оценке, мне даже не показали мои минусы, и что там ни так :(
И теперь сиди гадай, что им не нравится.
Именно это я и имела ввиду http://xenforotest.ru/threads/krasivyj-footer-dlja-ljubogo-stilja.292/#post-1315

Ведь конструктивная критика только помогает развитию, а, когда всё происходит именно так, как было описано выше, то больше смахивает на подлость.
 

Георгий Шевченко

[GX] Разработчик
Разработчик
Сообщения
71
Симпатии
128
Баллы
33
#10
Именно это я и имела ввиду http://xenforotest.ru/threads/krasivyj-footer-dlja-ljubogo-stilja.292/#post-1315

Ведь конструктивная критика только помогает развитию, а, когда всё происходит именно так, как было описано выше, то больше смахивает на подлость.
:D Есть хорошая новость.
Они пофиксили это, так что в след. обнове будет уже видно.


Пожалуйста, Войдите или Зарегистрируйтесь для просмотра скрытого текста.

 

A_DayS

Пользователь
Сообщения
3
Симпатии
0
Баллы
1
#11
Огромное спасибо,надо попробовать
 

beendeen

Пользователь
Сообщения
4
Симпатии
1
Баллы
3
#12
:) нужно попросить чтобы можно было рецензию оставлять только с комментарием, чтобы знать кто её оставляет)
 

SOUL

АдминкА
Администратор
Сообщения
7.686
Симпатии
10.862
Баллы
266
#13

mrx077

Проверенный
Сообщения
140
Симпатии
13
Баллы
18
#14
А можно ли вставить в футер к примеру эти часы?Имея их исходный код


-we7NMVLRWeL9SyvHQo39w.png
 

mrx077

Проверенный
Сообщения
140
Симпатии
13
Баллы
18
#16
Не подскажите как это делается?
 

mrx077

Проверенный
Сообщения
140
Симпатии
13
Баллы
18
#18
Понимаешь, если у тебя возник этот вопрос, то трудно будет в двух словах все объяснить :)
Можно и не в двух)
Просто хочу узнать куда вставлять код в xenforo , и как это правильно делать.
Пытался сам вставлять в шаблоны футера , но ничего не вышло.
Если html и css еще более менее понятно куда вставлять , но вот js уже совсем нет)
Или если где-нибудь есть статьи об этом , не могли бы вы скинуть ссылки на них , в долгу не останусь.)
 
Вверх Снизу