Ungu Chat Room Font Code

Kode font? Ya, kode font! Bagi anda yang pernah chating di ungu chat room pasti anda tidak asing jika melihat user lain yang menggunakan gaya tulisan yang beranekaragam, misalnya: tebal, miring, garisbawah dll. Ternyata mereka cuma mengandalkan kode HTML. Pasti anda tau dong apa itu HTML. Yups, benar sekali. HTML itu bahasa programer dalam jaringan internet.
Oke, nggak pake lama. Nanti jadi basi deh! Berikut ini adalah kode dan keterangan kode HTML font. Untuk melakukan pengetesan Copy kode berikut dan Paste-kan di kolom textbox chat seperti yang ada didalam gambar dibawah ini:

Karakter	Kode
Tebal	<b>
Miring	<i>
Garisbawah	<u>
Kecil (atas)	<sup>
Kecil (bawah)	<sub>
Font berwarna	<font color="black">
Background	<span style="background-color: black;">
Background URL	<span style="background-image: url(http://i452.photobucket.com/albums/qq250/EGGADY/blinking.gif);">
Jenis Huruf/font	<span style="font-family: papyrus;">
Blink/berkedip	<span style="text-decoration: blink;">
Hidden/tersembunyi	<span style="visibility:hidden">
Garistengah	<span style="text-decoration: line-through;">

Diatas merupakan HTML dasar yang digunakan untuk kode font pada ungu chat room. Untuk selanjutnya tinggal anda kembangkan lagi. Dan disini saya akan berikan sedikit gambaran untuk pengembangan kode tersebut.
Jika anda ingin membuat huruf tebal disertai dengan miring atau bergarisbawah tinggal anda kombinasikan saja kode tersebut diatas.
Contoh: <b><i><u>testing
Dan dibawah ini adalah font kreasi saya sendiri, silahkan kembangkan juga.

<span style="border-style: outset; border-color: black; height: 10px; font-family: papyrus; color: white; background-image: url(http://i452.photobucket.com/albums/qq250/EGGADY/ONLINE2.gif);"><SPAN STYLE="VISIBILITY:HIDDEN">ONLINE B-) B-) B-) ONLINE B-) B-) B-) ONLINE B-) B-) B-)

<span style="border-style: outset; border-color: black; height: 10px; font-family: papyrus; color: white; background-image: url(http://i452.photobucket.com/albums/qq250/EGGADY/OFFLINE.gif);"><SPAN STYLE="VISIBILITY:HIDDEN">OFFLINE B-) B-) B-)OFFLINE B-) B-) B-)OFFLINE

<span style="border-style: outset; border-color: black; height: 10px; font-family: papyrus; color: white; background-image: url(http://i452.photobucket.com/albums/qq250/EGGADY/blinking.gif);"><b>\:D/ \:D/ \:D/ BLINKING BY EGGA _______ \:D/ \:D/ \:D/ BLINKING BY EGGA _______\:D/ \:D/ \:D/ BLINKING BY EGGA

<span style="border-style: outset; border-color: black; height: 10px; font-family: papyrus; color: white; background-image: url(http://i452.photobucket.com/albums/qq250/EGGADY/the-eyes.gif);"><SPAN STYLE="VISIBILITY:HIDDEN">B-)B-)B-)THE EYES BY EGGA______B-)B-)B-)THE EYES BY EGGA______B-)B-)B-)THE EYES BY EGGA______B-)B-)B-)THE EYES BY EGGA______ B-)B-)B-)

<span style="border-style: outset; border-color: black; height: 10px; font-family: papyrus; color: white; background-image: url(http://i452.photobucket.com/albums/qq250/EGGADY/blue-matrix-1.gif);"><b>B-)B-)B-)THE BLUE MATRIX BY EGGA _______ B-)B-)B-)THE BLUE MATRIX BY EGGA _______ B-)B-)B-)THE BLUE MATRIX BY EGGA B-)B-)B-)

Kuranglebih seperti itu lah, sebenernya sih masih banyak hanya saja saya capek ngetiknya dan kalau saya berikan semua berarti saya mebuat anda malas untuk mengembangkan kodenya. Jadi silahkan kembangkan sendiri ya!
Dan sebagai oleh-oleh, saya punya sedikit tips untuk membajak font dipakai oleh user lain, berikut caranya:

a. blok/tandai font yang ingin anda bajak
b. Klik kanan mouse
c. pilih View Page Source
d. Copy kodenya
e. Paste ke textbox chat
f. Selamat mencoba.

Related link: http://stormpages.com/eggady/ucrfont.txt

Baca juga artikel berikut ini :

Posted in: HTML/Javascript,Tips dan Trik,Tutorial