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

Несколько вопросов по шаблону


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

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

2017-02-15_100140.png

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

2017-02-15_100122.png

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

Если это кастомный шаблон, то в настройках темы есть 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 сказал:

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

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

2017-02-15_10-29-28.png

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

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

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

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

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

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

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

Screenshot_1.png

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

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

 

где?

Screenshot_2.png

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

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

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

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

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

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

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

 

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

 

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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