Jak zrobić własny C-Box (shoutbox)?

Kilka osób zwróciło się do mnie o pomoc, prosząc abym wytłumaczyła im jak robi się C-BOX taki jak mam na profilu. Nie miałam siły każdemu opisywać tego osobno, więc postanowiłam zrobić instrukcję:)

1: Wchodzimy na stronę:http://cbox.ws/
2: Klikamy na `SIGN UP`
3: Następnie wypełniasz wszystkie pola:

Password to hasło.
Confirm password- potwierdź hasło.

Obok STYLE mamy rozwijalną listę, tam możemy wybrać kolor naszego C-BOXu.
Jeśli chcesz aby tło było takie samo jak tło jakie masz na profilu, wybierz TRANSPARENT.

4: Gdy już mamy nasze konto, logujemy się.

5: Następnie musimy sobie edytować kolory tekstu, aby były widoczne.
Aby to zrobić klikamy na: LOOK & FEEL a następnie na EDIT STYLE.

Jeżeli masz czarne tło musisz zmienić czcionki na białe.
Jeśli masz tło w dość jasnym kolorze, zostaw ustawienia tak jak są.
Wtedy interesują Cię tylko 2 okienka, po lewej stronie pokaże Ci się twój c-box, czyli jak wygląda.
Pod C-Boxem są 3 opcje kolorów:

Zignoruj okienko z napisem Border ( ponieważ twój cbox nie będzie miał ramki dookoła )
LINK ( ACTIVE )- kolor zmień na czarny ( ponieważ jeśli ktoś wysyłając Ci wiadomość, wyśle jakiś link, kolor linku będzie jaskrawo niebieski i bardzo będzie raził po oczach. )
LINK ( NORMAL ) - tak samo jak powyżej :)

Następnie klikamy na APPLY

6: Teraz możemy dodać sobie własne emotki, żeby to zrobić klikamy na: OPTIONS
a następnie na SMILIES
Zjeżdżamy na sam dół listy.

W pierwsze okienko wpisujemy skrót lub słowo którego trzeba będzie użyć aby pokazała się dana emotka w naszej wiadomości.
W drugie nie musimy wpisywać nic. W trzecie wklejamy link. U mnie wygląda to tak:
 
By dodać kolejny rząd klikamy na NEW ROW :)
Gdy już skończymy dodawanie naszych emotek klikamy na
SAVE.

7:OPCJONALNE! Teraz możemy zmienić szerokość naszego c-boxu jeśli nie odpowiada nam jego rozmiar. Klikamy na:LOOK & FEEL a następnie LAYOUT OPTIONS.
Interesują nas tylko 2 okienka:
 
WIDTH- szerokość
HEIGHT- wysokość

Wysokość polecam zostawić taką jaka jest.

Co do szerokości, musisz wpisać szerokość w pixelach.

Nie wiele osób potrafi oszacować jaki rozmiar jest najlepszy.
Więc postanowiłam zrobić taki mały wykres:
 
Po lewej: Szerokość w pixelach, po prawej: linia odpowiadająca długości.

W RAMCE HTML NA PROFILU, NIE POLECAM UŻYWANIA NICZEGO SZERSZEGO NIŻ 290/300PX.
PONIEWAŻ JEŚLI UŻYJESZ NP. LICZBY 400 TO CBOX NAJDZIE CI NA NOTKI.

Czyli jeśli np. wpiszę w okienko 180 to cbox będzie takiej szerokości jak kreska obok liczby180.
Jeśli wpiszę 230 to cbox będzie tak szeroki jak kreska obok liczby230.

NIE MUSISZ ZMIENIAĆ ROZMIARU SWOJEGO C-BOXU JEŚLI ODPOWIADA CI JEGO ROZMIAR, LUB JEŚLI TO WYDAJE CI SIĘ ZBYT TRUDNE.

JEŚLI CHCESZ ZMIENIĆ ROZMIAR C-BOXU ALE NADAL NIE ROZUMIESZ JAK DZIAŁAJĄ TE PIXELE, TO NAPISZ DO MNIE NA PROFILU I POWIEDZ MNIEJ WIĘCEJ JAK DUŻY CHCESZ SWÓJ C-BOX, A JA PODAM CI DOKŁADNIE CO MUSISZ WPISAĆ.

Standardowo, po wpisaniu pixeli, klikamy na SAVE.

8: Teraz nasz C-BOX jest gotowy do wstawienia na profil.
Aby tak zrobić klikamy na: PUBLISH!

Klikamy na COPY TO CLIPBOARD ( to zaznaczy nam cały kod )
I kopiujemy nasz kod.

9: Teraz wchodzimy na nasz profil, klikamy na DODAJ/EDYTUJ HTML
I tam wklejamy nasz kod:)

Od tej pory cieszymy się naszym super c-boxem:)
***
Generalnie jest to baaaardzo proste :)
Jedyne co jest najbardziej skomplikowane to zmienianie rozmiaru, bo trzeba mieć wyczucie co do pixeli. Ale mam nadzieję że pomogłam wam chociaż troszeczkę:)

Jeśli masz jakieś pytania co do C-BOXU to napisz w komentarzu pod tą notką, a ja odpiszę Ci w drugim komentarzu :)

Instrukcja baaardzo długa, ale starałam się wszystko jak najdokładniej wytłumaczyć.