Скрываем информацию о пользователе под аватаром с CSS эффектом

Скрываем информацию о пользователе

  1. Raerek
    Совместимость с XenForo:
    • XenForo 1.2
    • XenForo 1.3
    • XenForo 1.4
    • XenForo 1.5
    В шаблон EXTRA.css добавляем:
    Код:
    .messageUserBlock .extraUserInfo
    {
        opacity: 0;
        max-height: 0px;
        overflow: hidden;
        transition: all 0.5s ease-in-out;
    }
    
    .messageUserInfo:hover .extraUserInfo
    {
        opacity: 1;
        max-height: 300px;
    }
    
    <xen:if is="@enableResponsive">
    @media (max-width:@maxResponsiveWideWidth)
    {
        html .messageUserBlock .extraUserInfo
        {
            opacity: 1;
            height: auto;
            transition: none;
        }
        .messageUserInfo:hover .extraUserInfo
        {
            height: auto;
        }
    
    }
    </xen:if>

    Изображения

    1. userinfo.gif
Поделиться этой страницей в