Страница 3 из 9

Re: Аватар в рамке online offline

Добавлено: 04 авг 2010, 18:20
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; Отвечает за расположение аватара по горизонтали
}

Re: Аватар в рамке online offline

Добавлено: 04 авг 2010, 18:22
Bukovka
GoDFaTHeR
Размер аватар должен быть строго одинаковым у всех?

Re: Аватар в рамке online offline

Добавлено: 04 авг 2010, 18:38
vikweb
Bukovka писал(а):Размер аватар должен быть строго одинаковым у всех?

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

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

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

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

GoDFaTHeR

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

Re: Аватар в рамке online offline

Добавлено: 04 авг 2010, 19:26
GoDFaTHeR
vikweb писал(а):у меня по данному тюнингу, есть один вопрос, можно ли, в даный код прицепить ссылку на аватарку по умолчанию, для тех пользователей которые не установили себе аватарку?

можно
должно получится так
Код: Выделить всё
<!-- 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 -->

Re: Аватар в рамке online offline

Добавлено: 04 авг 2010, 22:57
Bukovka
vikweb писал(а):не обязательно, данный код, сам сжимает аватарки под рамку

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

Re: Аватар в рамке online offline

Добавлено: 04 авг 2010, 23:26
vikweb
Bukovka писал(а):А если аватар меньше рамки?


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

Re: Аватар в рамке online offline

Добавлено: 04 авг 2010, 23:37
GoDFaTHeR
Bukovka писал(а):А если аватар меньше рамки? :-[

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

Re: Аватар в рамке online offline

Добавлено: 06 ноя 2010, 23:31
banzaika
Попробовал, наблюдал интересный эффект "лупы" :D
Во1х не ожидал прозрачности (если нет аватара описывать не стал)
Изображение
во2х как в комнате кривых зеркал шото стало толстым (аватар справа), а шото увеличилось как лупой (аватар слева)
Изображение
Если бы рамка хотя бы под высоту аватара подстраивалась уже класс.

Re: Аватар в рамке online offline

Добавлено: 06 ноя 2010, 23:57
vikweb
установите общий размер для всех аватарак, 150х150 и тогда все аватарки в рамках будут смотрется отлично, а пока у вас аватарки разноколиберные рамка их подгоняет под свои размеры.

Re: Аватар в рамке online offline

Добавлено: 07 ноя 2010, 00:20
banzaika
Эээ :unknown тут?
Изображение