Информация

"4admins.ru" Рекомендует

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

Графическое оформление, Шаблоны (html), темы (css), логотипы, картинки, смайлики и другое.
  • Автор 
    Сообщение
Аватара пользователя
Сообщения: 222
Зарегистрирован: 05 июл 2010, 23:05
Благодарил (а): 135
Поблагодарили: 41 раз в 35 сообщениях
Пол: Мужской
Адрес форума: .....
Баллы репутации: 16

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

Сообщение Добавлено: 04 авг 2010, 18:20

Код: Выделить всё
.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; Отвечает за расположение аватара по горизонтали
}

За это сообщение пользователя nar200 поблагодарили:
banzaika, GoDFaTHeR

Аватара пользователя
Сообщения: 36
Зарегистрирован: 25 июл 2010, 23:41
Благодарил (а): 21
Поблагодарили: 17 раз в 8 сообщениях
Город: Киев
Пол: Женский
Адрес форума: http://ladykiev.com.ua
Баллы репутации: 2

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

Сообщение Добавлено: 04 авг 2010, 18:22

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

Аватара пользователя
Сообщения: 511
Зарегистрирован: 14 окт 2009, 10:42
Благодарил (а): 49
Поблагодарили: 159 раз в 135 сообщениях
Город: germany
Пол: Мужской
Адрес форума: http://4adm.ru
Баллы репутации: 33

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

Сообщение Добавлено: 04 авг 2010, 18:38

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

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

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

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

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

GoDFaTHeR

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

Аватара пользователя
Сообщения: 7044
Зарегистрирован: 11 авг 2009, 16:58
Благодарил (а): 659
Поблагодарили: 2348 раз в 1746 сообщениях
Город: Москва
Пол: Мужской
Адрес форума: http://help.4admins.ru
Баллы репутации: 167

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

Сообщение Добавлено: 04 авг 2010, 19:26

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 -->
На этом сервисе можно cоздать форум бесплатно

За это сообщение пользователя GoDFaTHeR поблагодарили:
vikweb, Димон

Аватара пользователя
Сообщения: 36
Зарегистрирован: 25 июл 2010, 23:41
Благодарил (а): 21
Поблагодарили: 17 раз в 8 сообщениях
Город: Киев
Пол: Женский
Адрес форума: http://ladykiev.com.ua
Баллы репутации: 2

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

Сообщение Добавлено: 04 авг 2010, 22:57

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

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

Аватара пользователя
Сообщения: 511
Зарегистрирован: 14 окт 2009, 10:42
Благодарил (а): 49
Поблагодарили: 159 раз в 135 сообщениях
Город: germany
Пол: Мужской
Адрес форума: http://4adm.ru
Баллы репутации: 33

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

Сообщение Добавлено: 04 авг 2010, 23:26

Bukovka писал(а):А если аватар меньше рамки?


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

Аватара пользователя
Сообщения: 7044
Зарегистрирован: 11 авг 2009, 16:58
Благодарил (а): 659
Поблагодарили: 2348 раз в 1746 сообщениях
Город: Москва
Пол: Мужской
Адрес форума: http://help.4admins.ru
Баллы репутации: 167

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

Сообщение Добавлено: 04 авг 2010, 23:37

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

мне кажется он его растянет, попробуйте
На этом сервисе можно cоздать форум бесплатно

Аватара пользователя
Сообщения: 378
Зарегистрирован: 01 янв 2010, 15:07
Благодарил (а): 210
Поблагодарили: 47 раз в 41 сообщениях
Пол: Мужской
Адрес форума: http://bm082.ru
Баллы репутации: 11

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

Сообщение Добавлено: 06 ноя 2010, 23:31

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

Аватара пользователя
Сообщения: 511
Зарегистрирован: 14 окт 2009, 10:42
Благодарил (а): 49
Поблагодарили: 159 раз в 135 сообщениях
Город: germany
Пол: Мужской
Адрес форума: http://4adm.ru
Баллы репутации: 33

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

Сообщение Добавлено: 06 ноя 2010, 23:57

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

Аватара пользователя
Сообщения: 378
Зарегистрирован: 01 янв 2010, 15:07
Благодарил (а): 210
Поблагодарили: 47 раз в 41 сообщениях
Пол: Мужской
Адрес форума: http://bm082.ru
Баллы репутации: 11

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

Сообщение Добавлено: 07 ноя 2010, 00:20

Эээ :unknown тут?
Изображение
bm082.4admins.ru


Вернуться в Оформление Форума

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1