Witam.
Bez zbędnego przeciągania

Zaczynamy:

1. Na sam początek omówmy sobie jak ogółem dodać avatar na naszego chatbox'a. Sama metoda dodania gdziekolwiek <pun_avatar> nie wystarczy, ponieważ musimy to wszystko odpowiednio "skalibrować", osobiście preferuję takie ustawienia w css:

/** Avatary w ChB **/
.chb_av img {
height: auto;
max-height: 50px;
max-width: 50px;
width: auto;
}
.chb_av {
 border: 0 none !important;
 margin: 0 !important;
 max-width: 50px;
 min-width: 50px;
 padding: 4px 1px 0 2px !important;
 text-align: center;
 width: 50px;
}

2. Teraz w ustawieniach chatbox'a umieszczamy wszystko w div'ie:

<div class="chb_av"><pun_avatar></div>

I otrzymujemy avatar skalujący się automatycznie.

3. Teraz zajmijmy się dodawaniem indywidualnego avatara dla danego użytkownika, wracamy do modyfikacji css i wpisujemy dla kogo ma być ten avatar, co on ma zawierać, a raczej jaki obrazek ma tam być zamiast avatara, robiąc to za pomocą jego id (id użytkownika, jest to liczba, którą znajdziemy w linku do profilu, jeśli jesteśmy H@, to naszym id będzie 2). Kod nasz powinien wyglądać tak:

/* Indywidualny avatar, dla pani Rabarbar z id 666 */
.chb_id666 .chb_av img {
width: 0;
height: 50px;
background: url("http://mojadomenazobrazem.com/obrazek.png") no-repeat;
padding-right: 50px;
}

4. Znów przechodzimy do ustawień chatbox'a i do naszego div'a dodamy funkcję wprowadzoną razem z dodaniem avatarów, a mianowicie <pun_userid>, umieszczające nam id piszącego użytkownika:

<div class="chb_av chb_id<pun_userid>"> <pun_avatar></div>

No i w tym momencie <pun_userid> dodaje w to miejsce wspomniane już wcześniej id.

Chyba jest wszystko jasne, ponieważ nie ma tu czego rozumieć. Macie gotową strukturę, którą można modyfikować na różne sposoby wedle własnej inicjatywy, bądź zostać przy tym gotowcu.
Pozdro


EDIT: Ps. Jeśli wykorzystujemy avatary w chb, to na sam początek polecam zmodyfikować trochę wygląd naszego chatbox'a