Косметические изменения для аватара в профиле

Косметические изменения для аватара в профиле

  1. android88
    Совместимость с XenForo:
    • XenForo 1.2
    • XenForo 1.3
    • XenForo 1.4
    • XenForo 1.5
    Сегодня я решил маленько изменить положение аватара в профиле, так сказать слишком не красиво он было...
    Что я сделал:
    1. Выровнял по центру
    2. Добавил красивую рамочку.
    Установка:
    1)
    Открываем шаблон member_view и ищем:
    HTML:
    <span class="Av{$user.user_id}l">
    Вставляем выше:
    HTML:
     <div align="center"> 
    Ищем там же:
    HTML:
     </span>
    </xen:if> 
    Заменяем на:
    HTML:
    </span>
    </div>
    </xen:if> 
    Сохраняем .

    2) открываем xenforo.css и ищем:
    HTML:
    .avatarScaler img
    {
    max-width: 192px;
    _width: 192px;
    }
    Заменяем на:
    HTML:
    .avatarScaler img
    {
    max-width: 185px;
    _width: 192px;
    }
    3) Далее открываем EXTRA.css и добавляем в самый конец следующие:
    HTML:
     .avatarScaler {
    border-bottom-color: #d7edfc;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #d7edfc;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #d7edfc;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #d7edfc;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-style: solid;
    border-top-width: 1px;
    margin-bottom: 20px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    } 
    Вот и всё, примеры выложил ниже
    Сильно не ругайте, но это мой способ сделать лучше аватар в профиле, конечно я ещё добавил затемнение на аватарку, но это на любителя.

    Изображения

    1. 9.png
    2. ava3.png
Поделиться этой страницей в