Jump to content

Как увеличить аватар пользователя в IPS4?


 Share

Recommended Posts

Как увеличить аватар пользователя в IPS4? 

Сейчас установлен круглый аватарчик...но стоит задача немного этот кружок с фейсом увеличить. 

Кто соображает как это сделать или изменить стандартный размер кружка? 

Спасибо всем кто откликнется!

Link to comment
Share on other sites

2 часа назад, sergey81 сказал:

Как увеличить аватар пользователя в IPS4? 

Сейчас установлен круглый аватарчик...но стоит задача немного этот кружок с фейсом увеличить. 

Кто соображает как это сделать или изменить стандартный размер кружка? 

Спасибо всем кто откликнется!

Бывают настройки в стиле

Или через css

.ipsUserPhoto_large img, img.ipsUserPhoto_large, .ipsUserPhoto_large:after {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

Где 100px меняй на свои значения

Link to comment
Share on other sites

3 минуты назад, wasder12 сказал:

Бывают настройки в стиле

Или через css

.ipsUserPhoto_large img, img.ipsUserPhoto_large, .ipsUserPhoto_large:after {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

Где 100px меняй на свои значения

да! отлично. но к сожалению это в css меняет размер именно аватарок в разделе тем или сообщений форума. А вот на главной странице ... они как были мелкие так и остаются.

Вопрос открыт...

Link to comment
Share on other sites

все господа... вот ответ:

 

в файле misc.css находим раздел...

 

}

    .ipsUserPhoto_tinier img, img.ipsUserPhoto_tinier, .ipsUserPhoto_tinier:after {
        width: 44px;
        height: 44px;
        {{if theme.rounded_photos}}
            border-radius: 12px;
        {{endif}}
    }

    .ipsUserPhoto_tiny img, img.ipsUserPhoto_tiny, .ipsUserPhoto_tiny:after {
        width: 54px;
        height: 54px;
        {{if theme.rounded_photos}}
            border-radius: 17px;
        {{endif}}
    }

    .ipsUserPhoto_mini img, img.ipsUserPhoto_mini, .ipsUserPhoto_mini:after {
        width: 64px;
        height: 64px;
        {{if theme.rounded_photos}}
            border-radius: 22px;
        {{endif}}
    }

    .ipsUserPhoto_small img, img.ipsUserPhoto_small, .ipsUserPhoto_small:after {
        width: 74px;
        height: 74px;
        {{if theme.rounded_photos}}
            border-radius: 27px;
        {{endif}}
    }

    .ipsUserPhoto_medium img, img.ipsUserPhoto_medium, .ipsUserPhoto_medium:after {
        width: 95px;
        height: 95px;
        {{if theme.rounded_photos}}
            border-radius: 38px;
        {{endif}}
    }

    .ipsUserPhoto_large img, img.ipsUserPhoto_large, .ipsUserPhoto_large:after {
        width: 110px;
        height: 110px;
        {{if theme.rounded_photos}}
            border-radius: 45px;
        {{endif}}
    }
    
    .ipsUserPhoto_xlarge img, img.ipsUserPhoto_xlarge, .ipsUserPhoto_xlarge:after {
        width: 120px;
        height: 120px;
        {{if theme.rounded_photos}}
            border-radius: 60px;
        {{endif}}
    }
 

и каждый блок отвечает за размер круглых аватарок в разных местах форума. 

Спасибо за помощь!

Link to comment
Share on other sites

6 минут назад, sergey81 сказал:

да! отлично. но к сожалению это в css меняет размер именно аватарок в разделе тем или сообщений форума. А вот на главной странице ... они как были мелкие так и остаются.

Вопрос открыт...

ipsUserPhoto_tiny img, img.ipsUserPhoto_tiny, .ipsUserPhoto_tiny:after {
  1. width: 34px;
  2. height: 34px;
}
1 минуту назад, sergey81 сказал:
Спойлер

 

все господа... вот ответ:

 

в файле misc.css находим раздел...

 

}

    .ipsUserPhoto_tinier img, img.ipsUserPhoto_tinier, .ipsUserPhoto_tinier:after {
        width: 44px;
        height: 44px;
        {{if theme.rounded_photos}}
            border-radius: 12px;
        {{endif}}
    }

    .ipsUserPhoto_tiny img, img.ipsUserPhoto_tiny, .ipsUserPhoto_tiny:after {
        width: 54px;
        height: 54px;
        {{if theme.rounded_photos}}
            border-radius: 17px;
        {{endif}}
    }

    .ipsUserPhoto_mini img, img.ipsUserPhoto_mini, .ipsUserPhoto_mini:after {
        width: 64px;
        height: 64px;
        {{if theme.rounded_photos}}
            border-radius: 22px;
        {{endif}}
    }

    .ipsUserPhoto_small img, img.ipsUserPhoto_small, .ipsUserPhoto_small:after {
        width: 74px;
        height: 74px;
        {{if theme.rounded_photos}}
            border-radius: 27px;
        {{endif}}
    }

    .ipsUserPhoto_medium img, img.ipsUserPhoto_medium, .ipsUserPhoto_medium:after {
        width: 95px;
        height: 95px;
        {{if theme.rounded_photos}}
            border-radius: 38px;
        {{endif}}
    }

    .ipsUserPhoto_large img, img.ipsUserPhoto_large, .ipsUserPhoto_large:after {
        width: 110px;
        height: 110px;
        {{if theme.rounded_photos}}
            border-radius: 45px;
        {{endif}}
    }
    
    .ipsUserPhoto_xlarge img, img.ipsUserPhoto_xlarge, .ipsUserPhoto_xlarge:after {
        width: 120px;
        height: 120px;
        {{if theme.rounded_photos}}
            border-radius: 60px;
        {{endif}}
    }
 

и каждый блок отвечает за размер круглых аватарок в разных местах форума. 

Спасибо за помощь!

 

 

Ты лишь усложнил себе задачу ;)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Ваша ссылка была автоматически строена.   Отображать как обычную ссылку

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...