Graficzki na pun.pl

  • Nie jesteś zalogowany.
  • Polecamy: Gry

  • Index
  •  » Kody
  •  » [CSS]Indywidualne avatary na chatbox'ie

#1 14-08-2013 19:06

 Tiga

http://www.graficzki.cba.pl/rangi/rangi/user.png

status tiga1122@aqq.eu
31716674
Skąd: się biorą idioci?
Zarejestrowany: 01-01-2013
Posty: 94
Punktów :   

[CSS]Indywidualne avatary na chatbox'ie

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:

Kod:

/** 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:

Kod:

<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:

Kod:

/* 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:

Kod:

<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

Ostatnio edytowany przez Tiga (19-08-2013 18:58)


http://i.imgur.com/CSqVgvs.gif
Czy wiesz, że jeśli o 3 w nocy krzykniesz do lustra 3 razy "Bloody Mary", to przyjdzie Twoja matka i powie Ci żebyś zamknął ryj i poszedł spać?
Nie pomagam: a) Klanom/stadom/serwerom w jakichkolwiek grach (bywają wyjątki) b) Forom, które posiadają poniżej przynajmniej 40 postów

Offline

 
  • Index
  •  » Kody
  •  » [CSS]Indywidualne avatary na chatbox'ie

Stopka forum

RSS
Powered by PunBB
© Copyright 2002–2008 PunBB
Polityka cookies - Wersja Lo-Fi


Darmowe Forum | Ciekawe Fora | Darmowe Fora
www.najlepszeseriale.pun.pl www.wayofninja.pun.pl www.danji.pun.pl www.karczmafantastyki.pun.pl www.motorlublin94.pun.pl