Autor Wątek: Przycinanie awatarow do kwadratu w oknie rozmowy.  (Przeczytany 1665 razy)

0 Użytkowników i 1 Gość przegląda ten wątek.

Offline s0n1c

  • Narybek
  • *
Przycinanie awatarow do kwadratu w oknie rozmowy.
« dnia: Sierpień 19, 2010, 19:54:42 pm »
Generalnie chodzi o te sam efekt dla awatarow w oknie rozmow, jaki uzyskujemy dla listy kontaktow po zaznaczeniu opcji "Przycinaj avatary do kwadratu".

Mysle ze rozwiazaniem jest funkcja clip:rect, tylko jakos nie chca mi dzialac wartosci % albo ja cos zle robie.

Offline zhvir

Chciałbym być zawsze niewinny i prawdziwy, chciałbym być zawsze pełen wiary i nadziei...

Offline s0n1c

  • Narybek
  • *
Re: Przycinanie awatarow do kwadratu w oknie rozmowy.
« Odpowiedź #2 dnia: Sierpień 19, 2010, 21:05:28 pm »
Hmm a na TEJ strony autor wspomina o procentach...

"Our class (.clip) sets the clipping region using the TRBL rotation syntax. I?m using pixels lengths but you can also try other lengths or percentages here and they can be positive or negative. You can also use auto, which would skip clipping that specific edge."

Jesli to blad w tekscie, to raczej do czasu wspierania css3 przez IE, to na samych stylach tego sie nie zrobi.

Offline the_mask

  • Młodzież
  • **
Odp: Przycinanie awatarow do kwadratu w oknie rozmowy.
« Odpowiedź #3 dnia: Grudzień 10, 2010, 17:36:19 pm »
Co tutaj trzeba zmienić/dodać, żeby avatar ucinało i dopasowywało do kwadracika 30px? Tak jak na liście kontaktów?

<!-- CHAT-FULL-RECV::BEGIN -->
<dl class="in">
<dt><span class="avatar"><img src="%avatar%" style="width: 30px; height: 30px;" /></span><span class="nick">%name

%:</span><span class="time">%datetime%</span></dt>
<dd>%text%</dd>
</dl>
<!-- CHAT-FULL-RECV::END -->