Перейти к содержанию

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


Рекомендуемые сообщения

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

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

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

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

Ссылка на комментарий
Поделиться на другие сайты

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

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

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

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

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

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

Или через css

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

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

Ссылка на комментарий
Поделиться на другие сайты

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

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

Или через css


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

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

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

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

Ссылка на комментарий
Поделиться на другие сайты

Нужно было конкретнее свой вопрос ставить 

Ссылка на комментарий
Поделиться на другие сайты

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

 

в файле 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}}
    }
 

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

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

Ссылка на комментарий
Поделиться на другие сайты

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}}
    }
 

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

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

 

 

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

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

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

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...