• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Автоматическое уменьшение аватарок
Автоматическое уменьшение аватарок
workman
Воскресенье, 10 Августа 2014 | Сообщение 1
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Если по каким-то причинам вам необходимо сделать так чтобы при загрузке не системных аватаром система делала их под требуемый размер, то делаем следующее.

Первое,это для начала нам необходимо разрешить всем пользователям при регистрации, загружать аватары любых размеров.
Что мы делаем?
1) Заходим в ПУ » Главная » Пользователи » Настройки модуля.
Находим там то, что указанно на скриншоте и ставим те размеры которые вам необходимы.

2) Далее проходим в редактирование стилей css,находим вот такую надпись .userAvatar и то что под ней, полность удаляем ее и ставим на место это:
Код
.userAvatar {
        background: none repeat scroll 0px 0px #FFF;
        border: 2px solid #CCC;
        border-radius: 5px;
        width: 80px;
        height: 80px;
        padding: 3px;
}

Размеры width: 80px; и height: 80px;,подгоняем под себя.
Но на этом не все.
Чтобы аватара была уменьшена также на персональной странице пользователя, то ниже после кода который указан выше, дописываем такой код:
Код
.pruseravatar img {
        background: none repeat scroll 0px 0px #FFF;
        border: 2px solid #CCC;
        border-radius: 5px;
        width: 110px;
        height: 110px;
        box-shadow: 0px 0px 2px 0px;
        padding: 3px;
}

Потом, заходим: Главная » Управление дизайном » Редактирование шаблонов » Персональная страница пользователя. Находим там такое
Код
<?if($_AVATAR$)?>$_AVATAR$<?endif?>
удаляем изменяем на это
Код
<span class="pruseravatar"><?if($_AVATAR$)?>$_AVATAR$<?else?><img src="/img/noavatar.png" border=0 style="padding:2px; border:1px solid #e4e4e4; background-color:white;"><?endif?></span>
Прикрепления: 9916840.png (5.5 Kb)


Сообщение отредактировал
workman - Воскресенье, 10 Августа 2014, 14:24
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Автоматическое уменьшение аватарок
  • Страница 1 из 1
  • 1
Поиск: