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

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

  1. android88
    Совместимость с XenForo:
    • XenForo 1.2
    • XenForo 1.3
    • XenForo 1.4
    • XenForo 1.5
    Тема на оф. форуме:
    Код:
    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";
    }
Поделиться этой страницей в