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

1.2.4 Персональная страница пользователя

Тема в разделе "Вопросы по стилям, изменения в CSS и шаблонах", создана пользователем Макс22066, 19 окт 2014.

Загрузка
  1. Макс22066

    Макс22066 Пользователь

    Регистрация:
    25.02.14
    Сообщения:
    6
    Симпатии:
    0
    Версия XF:
    1.2.4
    Скажите пожалуйста, такая вот проблема, всё сделал, настроил как мне надо,но тут заметил косяк на Персональной странице пользователя. Кнопки заходят одна на другую скрин http://gyazo.com/c857616f9bb4cd048f4ae004139feed3
    Не могу понять где настроить их размеры. Облазил уже всё. В account.css ни чего не меняет такого, где ещё искать не могу найти. Обновлять шаблон не хочу, так как опять возится всё ставить по новой.
    Что посоветуете?
    Стиль стоит KDark

    Вот код account.css
    .container {
    display: table;
    width: 100%;
    zoom: 1;
    }

    .accountSideBar
    {
    width: 100px;
    display: table-cell;
    vertical-align: top;
    *float: left;
    }

    .accountSideBar .heading
    {
    border-top-right-radius: 0;
    margin: 10px 0px 0px;
    }

    .accountSideBar .primaryContent
    {
    font-size: 11px;
    }

    .accountSideBar .secondaryContent
    {
    font-weight: bold;
    }

    .accountSideBar a
    {
    display: block;
    padding: 5px 10px;
    }

    .accountSideBar a:hover
    {
    background: @primaryLighterStill url('@imagePath/xenforo/KDark/bar.png') repeat-x 0 -140px;
    color: @textCtrlBackground;
    text-decoration: none;
    }


    .accountContent
    {
    display: table-cell;
    vertical-align: top;
    margin: 0;
    *margin-left: 150px;
    zoom: 1;
    }

    .accountContent .xenForm
    {
    margin-top: 0;
    }

    .xenForm.personalDetailsForm .StatusEditor
    {
    resize: vertical;
    }

    .xenForm.personalDetailsForm .statusEditorCounter
    {
    position: absolute;
    top: 0px;
    right: 0px;
    }

    .xenForm.personalDetailsForm .avatarEditor .avatar
    {
    float: left;
    margin-right: 8px;
    }

    .xenForm.personalDetailsForm .avatarEditor .avatar:hover img
    {
    border-color: orange;
    }

    .xenForm.privacyForm .ctrl > ul select
    {
    margin-bottom: 8px;
    }

    div.tooltip
    {
    background-color: #900;
    border: 1px solid #fff;
    padding: 5px 15px;
    width: 150px;
    display: none;
    color: #fff;
    text-align: left;
    font-size: 11px;
    box-shadow: 0 0 10px #000000;
    }
     
    Последнее редактирование: 19 окт 2014
  2. Exile

    Exile Местный

    Регистрация:
    27.06.11
    Сообщения:
    999
    Симпатии:
    546
    Версия XF:
    1.4.4
    Серьезно думаете что кто-то станет разбираться в портянке стиля который вы выложили? Или даете ссылку на проблемную страницу в этой теме или самостоятельно используете инструменты разработчика браузера (встроенные или FireBug) и смотрите в чем беда.
     
  3. Макс22066

    Макс22066 Пользователь

    Регистрация:
    25.02.14
    Сообщения:
    6
    Симпатии:
    0
    Версия XF:
    1.2.4
    Разбирался в разработчике браузера, толку нет. В разработчике менял всё работало, а найти css отвечающий за это не мог. Но я нашёл выход по другому. Я из стандартного стиля Hydrogen скопировал полностью account.css

    <xen:include template="navigation_sidebar.css" />
    .mainContentBlock .xenForm
    { margin-top: 0; }
    .xenForm.personalDetailsForm .StatusEditor
    { resize: vertical; }
    .xenForm.personalDetailsForm .statusEditorCounter
    { position: absolute; top: 0px; right: 0px; }
    .xenForm.personalDetailsForm .avatarEditor .avatar
    { float: left; margin-right: 8px; }
    .xenForm.personalDetailsForm .avatarEditor .avatar:hover img
    { border-color: orange; }
    .xenForm.privacyForm .ctrl >
    ul select { margin-bottom: 8px; }

    Затем поменял в navigation_sidebar.css

    .navigationSideBar .section{
    margin: 0;
    border:none;
    }
    .navigationSideBar .primaryContent{
    border-right:none;
    border-top:none;
    border-left:none;
    }
    .navigationSideBar .section:first-child
    {
    margin-top: 0;
    }

    .navigationSideBar .section:last-child
    {
    margin-bottom: 0;
    }




    .navigationSideBar .primaryContent
    {
    font-size: 11px;

    }

    .navigationSideBar .secondaryContent
    {
    text-decoration: none;
    }

    .navigationSideBar a
    {
    display: block;
    padding: 5px 10px;
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    }

    .navigationSideBar a:hover
    {
    background: @primaryLighterStill url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
    text-decoration: none;
    }

    .mainContentBlock
    {
    display: table-cell;
    vertical-align: top;
    margin: 0;
    *margin-left: 150px;
    zoom: 1;
    padding-left: 10px;
    padding-top: 10px;
    }

    И изменил вот это
    .container
    { display: table;
    table-layout: fixed;
    width: 90%; - здесь было 150%
    zoom: 1;

    Итог скрин http://gyazo.com/5e726e9b29a2fcbbcce05cf25a7c76c2
     

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