Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Рамка аватара

Сообщений 1 страница 3 из 3

1

Привет снова  :blush:

Я установил скрипт, который обрамляет все аватары на форуме.
Проблема в том, что рамка отличается от изображения аватара, и я хотел бы знать, как использовать два изображения с разными размерами ...
https://i.imgur.com/m9i1mjRl.jpg

Скрипт создает класс для фрейма (.Wrp-ava).
Мне нужно, чтобы этот кадр был точного размера: 221px x 250px.
Аватар форума должен быть 200px x 180px, и мне нужно переместить его вниз, чтобы он поместился в рамке ... Как это сделать, не затрагивая настройки рамки?  %-)

Добавлено спустя 1 минуту 9 секунд:
http://sims3archive.mforum.info/

Отредактировано sims3society (Пт, 21 Фев 2020 07:01:01)

0

2

sims3society написал(а):

Мне нужно, чтобы этот кадр был точного размера: 221px x 250px.

Зачем? Не обязательно по картинке размеры делать.. Во всяком случае в данном варианте..
Добавьте:

Код:
.Wrp-ava {height: 250px;}

Замените:

li.pa-avatar .Wrp-ava img:nth-child(2) {
  width: 200px!important;
  height: 180px!important;
  }

На:

Код:
li.pa-avatar .Wrp-ava img:nth-child(2) {
  max-width: 200px;
  max-height: 180px;
  padding: 30px 5px;
  }

Замените:

<style type="text/css">
.post-sig, .pa-fld2, .pa-fld3, .pa-fld5, .pa-respect, .pa-positive, .pa-post, img.post-img-Sp, .pa-zwezda, .pa-title {display: none!important;}

.punbb .pa-avatar img {
    max-width: 78px!important;
    height: auto;
}

.punbb .post .post-author ul, .punbb .post .post-author p {
    padding: 0 20px 0 20px!important;
    line-height: auto!important;
}

.pa-author {
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 17px;
}

.pa-author a {
  color: #373E46!important;
  font-family: Helvetica!important;
  font-weight: 20!important;
}
</style>

На:

Код:
.punbb .pa-avatar img:nth-child(1) {
  width: 210px;
  height: 240px;
}

+1

3

kolobdur74 написал(а):

Зачем? Не обязательно по картинке размеры делать.. Во всяком случае в данном варианте..
Добавьте:

Спасибо за всю вашу щедрость! это сработало  :cool:

+1