Вот так это будет выглядить


1) Вписываем это в таблицу стилей

.photo {
	position: relative;
}
.photo img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.photo a {
	text-decoration: none;
}
.coolava span {
	width: 30px;
	height: 60px;
	display: block;
	position: absolute;
	top: -5px;
	left: -2px;
	background: url(images/paper-clip.png) no-repeat;

2) Идем в шаблон postbit_legacy и
находим это:

<if condition="$show['avatar']">
				<div class="smallfont">
					&nbsp;<br /><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
				</div>

Меняем на это:

<if condition="$show['avatar']">
				<div class="photo coolava">
					&nbsp;<br /><a href="member.php?$session[sessionurl]u=$post[userid]"><span></span><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
				</div>
			</if>

IE я тебя люблю!

Для нормальной работы во всеми любимом ишаке нужно это: http://www.vbsupport.ru/forum/showthread.php?t=23932

Далее скачиваем картинку из аттача и заливаем её в папку images/

По мотивам: http://www.webdesignerwall.com/demo/...=550&width=840

1) Вписываем это в таблицу стилей

а где именно "таблица стилей" находится???

Стили и шаблоны => Управление стилями => редактирование стиля => почти в самом низу

Сделал всё как описано выше, результат нулевой. В исходнике страницы видятся изменения в css`е, 2 раза перепроверил данные в postbit_legacy и нифига. =/
На форуме стоит хак, который здесь обсуждать не принято (*шепотом) может быть из за него..? Хотя, скрепка по сути, ну никак не пересекается с ним.

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

AlfaDogg разобрался я со своей проблемой, как всегда, проблема оказалась достаточно тривиальной - моя невнимательность. =)
Вообще хак замечательный! На основе его можно придумать любые интересные заморочки. Вот к примеру, в канун Дня Победы, решил сделать у себя на форуме оверлеи, к аватарам, в виде "Георгиевской Ленточки".



Вдруг кому понадобится, к коде css`ника, точнее класса .coolava span, нужно подправить несколько значений (выделенно красным). Ну а вообще, конечно каждый сможет подогнать по себя, выставляя свои значения.

.coolava span {
	width: 70px;
	height: 70px;
	display: block;
	position: absolute;
	top: -10px;
	left: 10px;
	background: url(http://yoursite/forum/images/georg_lenta.png) no-repeat;

Ленточка была честно спи***на на "одноглазниках", кому лень доставать из кэша браузера, решил прикрепить аттачем. =)

з.ы. AlfaDogg, ещё раз, спасибо дружище, за развитие полёта мысли!

r4mZeS, зачот

О как раз искал спасибо...

Анимированные авы будут двигаться ?

Originally Posted by Excalibur

Анимированные авы будут двигаться ?

Да, проверил уже.