Рамка вокруг аватара

[nar200]

Код: Выделить всё

.useravatar {
   margin-right: auto;
   margin-left: 20px; Отвечает за расстояние аватара от рамки по горизонтали
   text-align: center;
   max-height: 100px;
   max-width: 100px;
}

}
.useravatar img{
   height: 99px; Отвечает за высоту аватара
   width: 96px; Отвечает за ширину аватара
}
.avataronline {
   margin-top: -11px; Отвечает за  расположение аватара по вертикали
   position: absolute;
   margin-left: 6px; Отвечает за расположение аватара по горизонтали
}

[Bukovka]

GoDFaTHeR
Размер аватар должен быть строго одинаковым у всех?

[vikweb]

Размер аватар должен быть строго одинаковым у всех?

не обязательно, данный код, сам сжимает аватарки под рамку

два скрина для сравнения прилагаются
вот скриншот с кодом другой рамки, где аватарка чуть больших размеров не вписываетса в рамку


а вот тут эта же аватарка, в рамке онлайн - офлайн


Автор не может молчать 34 минуты 20 секунд и добавляет ...

GoDFaTHeR

у меня по данному тюнингу, есть один вопрос, можно ли, в даный код прицепить ссылку на аватарку по умолчанию, для тех пользователей которые не установили себе аватарку?

[GoDFaTHeR]

у меня по данному тюнингу, есть один вопрос, можно ли, в даный код прицепить ссылку на аватарку по умолчанию, для тех пользователей которые не установили себе аватарку?

можно
должно получится так

Код: Выделить всё

<!-- IF postrow.POSTER_AVATAR -->
                <tr><td valign="top">
    <div style="width:100%; height:10px;">&nbsp;</div>
          <div class="avataronline" align="center" style="width:128px; height:126px;">
          <!-- IF  postrow.S_ONLINE -->
                <img src="адрес картинки/avatar-online.png" />
             <!-- ELSE -->    <img src="адрес картинки/avatar-offline.png" /><!-- ENDIF -->
          </div>

                <div class="useravatar">{postrow.POSTER_AVATAR}</div>
                   <br style="clear:both;"></div>
                   </td>
                </tr>
<!-- ELSE -->
    <tr><td valign="top">
    <div style="width:100%; height:10px;">&nbsp;</div>
          <div class="avataronline" align="center" style="width:128px; height:126px;">
          <!-- IF  postrow.S_ONLINE -->
                <img src="адрес картинки/avatar-online.png" />
             <!-- ELSE -->    <img src="адрес картинки/avatar-offline.png" /><!-- ENDIF -->
          </div>

                <div class="useravatar"><img src=" адрес картинки без автара" /></div>
                   <br style="clear:both;"></div>
                   </td>
                </tr>
         <!-- ENDIF -->


Т.е в самом тюнинге мы меняли

<!-- IF postrow.POSTER_AVATAR -->
<tr>
<td>{postrow.POSTER_AVATAR}</td>
</tr>
<!-- ENDIF -->

на

<!-- IF postrow.POSTER_AVATAR -->
<tr><td valign="top">
<div style="width:100%; height:10px;">&nbsp;</div>
<div class="avataronline" align="center" style="width:128px; height:126px;">
<!-- IF postrow.S_ONLINE -->
<img src="адрес картинки/avatar-online.png" />
<!-- ELSE --> <img src="адрес картинки/avatar-offline.png" /><!-- ENDIF -->
</div>

<div class="useravatar">{postrow.POSTER_AVATAR}</div>
<br style="clear:both;"></div>
</td>
</tr>
<!-- ENDIF -->

[Bukovka]

не обязательно, данный код, сам сжимает аватарки под рамку

А если аватар меньше рамки?

[vikweb]

А если аватар меньше рамки?

у моих пользователей ни у кого нету микроскопических аватарак, по этой причине, я не могу ответить на ваш вопрос

[GoDFaTHeR]

А если аватар меньше рамки?

мне кажется он его растянет, попробуйте

[banzaika]

Попробовал, наблюдал интересный эффект "лупы"
Во1х не ожидал прозрачности (если нет аватара описывать не стал)

во2х как в комнате кривых зеркал шото стало толстым (аватар справа), а шото увеличилось как лупой (аватар слева)

Если бы рамка хотя бы под высоту аватара подстраивалась уже класс.

[vikweb]

установите общий размер для всех аватарак, 150х150 и тогда все аватарки в рамках будут смотрется отлично, а пока у вас аватарки разноколиберные рамка их подгоняет под свои размеры.

[banzaika]

Эээ тут?