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

Перемещаем sidebar влево

Тема в разделе "Модификации шаблонов", создана пользователем Gatses, 4 июл 2011.

Загрузка
  1. Gatses

    Gatses Местный

    Регистрация:
    05.02.11
    Сообщения:
    421
    Симпатии:
    579
    Версия XF:
    1.5.9
    Тема на оф. форуме:
    Код:
    http://xenforo.com/community/threads/put-sidebar-tabs-and-user-links-in-reverse.10169/
    В navigation.css найти:
    Код:
            .navTabs .publicTabs
            {
                float: left;
            }
    
            .navTabs .visitorTabs
            {
                float: right;
            }
    Заменить на:
    Код:
            .navTabs .publicTabs
            {
                float: right;
            }
    
            .navTabs .visitorTabs
            {
                float: left;
            }
    Найти:
    Код:
        .navTabs .navTab.selected .tabLinks li
        {
            float: left;
            padding: 2px 0;
        }
    
            .navTabs .navTab.selected .tabLinks li:first-child
    Заменить на:
    Код:
        .navTabs .navTab.selected .tabLinks li
        {
            float: right;
            padding: 2px 0;
        }
    
            .navTabs .navTab.selected .tabLinks li:first-child
    В search_bar.css найти:
    Код:
        #QuickSearch
        {
            display: block;
    
            position: absolute;
            right: 20px;
            top: -18px;
    Заменить на:
    Код:
        #QuickSearch
        {
            display: block;
    
            position: absolute;
            left: 20px;
            top: -18px;
    В sidebar.css найти:
    Код:
    /* sidebar structural elements */
    
    .mainContainer
    {
        float: left;
        margin-right: -{xen:calc '@sidebar.width + 10'}px;
        width: 100%;
    }
    
        .mainContent
        {
            margin-right: {xen:calc '@sidebar.width + 10'}px;
        }
    
    .sidebar
    {
        @property "sidebar";
        font-size: 11px;
        float: right;
        width: 250px;
        @property "/sidebar";
    }
    Заменить на:
    Код:
    /* sidebar structural elements */
    
    .mainContainer
    {
        float: right;
        margin-left: -{xen:calc '@sidebar.width + 10'}px;
        width: 100%;
    }
    
        .mainContent
        {
            margin-left: {xen:calc '@sidebar.width + 10'}px;
        }
    
    .sidebar
    {
        @property "sidebar";
        font-size: 11px;
        float: left;
        width: 250px;
        @property "/sidebar";
    }
    [​IMG]
     
    RedCobra, Norilchonok, LoveGeneration и 2 другим нравится это.

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