Как сделать квадратные аватары везде?

И как сделать вот такое?
Если все сообщения в теме прочитаны или их нет, чтобы картинки были черно-белые...

Если это кастомный шаблон, то в настройках темы есть 2 опции: Круглые Аватары и прочитано/непрочитанно. Именно так у меня называется:) Если у вас такого нету-значить через кастомный стиль оверрадом изменять дефолтный стиль.

через .css делается так:

.ipsItemStatus.ipsItemStatus_large {
    background: #3c6994;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    -webkit-transition: 0.15s all linear;
    -moz-transition: 0.15s all linear;
    -ms-transition: 0.15s all linear;
    -o-transition: 0.15s all linear;
    transition: 0.15s all linear;
}

заменить на:

.ipsItemStatus.ipsItemStatus_large {
    background: #3c6994;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    -webkit-transition: 0.15s all linear;
    -moz-transition: 0.15s all linear;
    -ms-transition: 0.15s all linear;
    -o-transition: 0.15s all linear;
    transition: 0.15s all linear;
}

 

12 минут назад, WOLF сказал:

через .css делается так:

.ipsItemStatus.ipsItemStatus_large {
    background: #3c6994;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    -webkit-transition: 0.15s all linear;
    -moz-transition: 0.15s all linear;
    -ms-transition: 0.15s all linear;
    -o-transition: 0.15s all linear;
    transition: 0.15s all linear;
}

заменить на:

.ipsItemStatus.ipsItemStatus_large {
    background: #3c6994;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    -webkit-transition: 0.15s all linear;
    -moz-transition: 0.15s all linear;
    -ms-transition: 0.15s all linear;
    -o-transition: 0.15s all linear;
    transition: 0.15s all linear;
}

 

Это про иконки??

да, а вам аватары нужны квадратный, ща скину код

.ipsUserPhoto_tiny img, img.ipsUserPhoto_tiny, .ipsUserPhoto_tiny:after {
    width: 34px;
    height: 34px;
    border-radius: 17px;
}

заменить на:

.ipsUserPhoto_tiny img, img.ipsUserPhoto_tiny, .ipsUserPhoto_tiny:after {
    width: 34px;
    height: 34px;
}

 

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

Как сделать квадратные аватары везде?

в настройках стиля

WOLF, По поводу затемнения иконок. А смысл менять код? Если они оба одинаковые.

Redneck, Не работает эта кнопка.

15 минут назад, B4RSUQ сказал:

WOLF, По поводу затемнения иконок. А смысл менять код? Если они оба одинаковые.

код не одинаковый

WOLF, Я не про аватары, а про иконки форума.

ВОт про этот код.

 

.ipsItemStatus.ipsItemStatus_large {
    background: #3c6994;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    -webkit-transition: 0.15s all linear;
    -moz-transition: 0.15s all linear;
    -ms-transition: 0.15s all linear;
    -o-transition: 0.15s all linear;
    transition: 0.15s all linear;
}

 

2 минуты назад, B4RSUQ сказал:

WOLF, Я не про аватары, а про иконки форума.

ВОт про этот код.

 

.ipsItemStatus.ipsItemStatus_large {
    background: #3c6994;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    -webkit-transition: 0.15s all linear;
    -moz-transition: 0.15s all linear;
    -ms-transition: 0.15s all linear;
    -o-transition: 0.15s all linear;
    transition: 0.15s all linear;
}

 

где?

WOLF, А все заметил. Только вот все равно не помогло.

Только что, B4RSUQ сказал:

WOLF, А все заметил. Только вот все равно не помогло.

это не для затемнения, а для квадратных иконок

37 минут назад, WOLF сказал:

 

да, а вам аватары нужны квадратный

 

изначально думал вам квадратные иконки нужны

WOLF, Хахах понял :-D сам уже запутался)))

 

Да уж лучше на каждый вопрос по теме создавать))