:)happy < src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" width="18" height="18" border="0">
:(sad< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif" width="18" height="18" border="0">
;)winking< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" width="18" height="18" border="0">
:Dbig grin< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" width="18" height="18" border="0">
;;)batting eyelashes< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif" width="18" height="18" border="0">
>:D< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/6.gif" width="42" height="18" border="0">
:-/confused< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif" width="20" height="18" border="0">
:xlove struck< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif" width="18" height="18" border="0">
:">blushing< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/9.gif" width="18" height="18" border="0">
:Ptongue< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif" width="18" height="18" border="0">
:-*kiss< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif" width="18" height="18" border="0">
=((broken heart< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif" width="18" height="18" border="0">
:-Osurprise< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif" width="18" height="18" border="0">
X(angry< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif" width="34" height="18" border="0">
:>smug< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif" width="18" height="18" border="0">
B-)cool< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif" width="18" height="18" border="0">
:-Sworried< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif" width="18" height="18" border="0">
#:-Swhew!< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif" width="34" height="18" border="0">
>:)devil< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif" width="18" height="18" border="0">
:((crying< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif" width="22" height="18" border="0">
:))laughing< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif" width="18" height="18" border="0">
:straight face< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif" width="18" height="18" border="0">
/:)raised eyebrow< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif" width="18" height="18" border="0">
=))rolling on the floor< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" width="30" height="18" border="0">
O:-)angel< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif" width="30" height="18" border="0">
:-Bnerd< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif" width="24" height="18" border="0">
=;talk to the hand< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif" width="18" height="18" border="0">
CATATAN.!!!
setiap kamu sudah copy kode" tersebut ada beberapa kata yang harus kamu tambahkan yaitu kata img
sesudah tanda baca < . jadi bentuk kodenya seperti di bawah ini:
Yahoo hidden emoticons
:o3puppy dog eyes - New!< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/108.gif" width="31" height="18" border="0">
:-??I don't know< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/106.gif" width="40" height="18" border="0">
%-(not listening< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/107.gif" width="52" height="18" border="0">
:@)pig< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/49.gif" width="18" height="18" border="0">
3:-Ocow< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/50.gif" width="18" height="18" border="0">
:()monkey< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/51.gif" width="21" height="18" border="0">
~:>chicken< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/52.gif" width="18" height="18" border="0">
@};-rose< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/53.gif" width="18" height="18" border="0">
%%-good luck< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/54.gif" width="18" height="18" border="0">
**==flag< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/55.gif" width="25" height="18" border="0">
(~~)pumpkin< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/56.gif" width="17" height="18" border="0">
~O)coffee< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/57.gif" width="18" height="18" border="0">
*-:)idea< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/58.gif" width="30" height="18" border="0">
8-Xskull< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/59.gif" width="18" height="18" border="0">
=:)bug< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/60.gif" width="20" height="18" border="0">
>-)alien< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/61.gif" width="18" height="18" border="0">
:-Lfrustrated< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif" width="18" height="18" border="0">
[-O< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/63.gif" width="18" height="18" border="0">
$-)money eyes< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/64.gif" width="18" height="18" border="0">
:-"whistling< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/65.gif" width="22" height="18" border="0">
b-(feeling beat up< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif" width="18" height="18" border="0">
:)>-peace sign< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/67.gif" width="22" height="18" border="0">
[-Xshame on you< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/68.gif" width="22" height="18" border="0">
\:D/dancing< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/69.gif" width="26" height="18" border="0">
>:/bring it on< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/70.gif" width="23" height="18" border="0">
;))hee hee< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif" width="18" height="18" border="0">
:-@chatterbox< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/76.gif" width="36" height="18" border="0">
^:)^not worthy< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/77.gif" width="32" height="18" border="0">
:-joh go on< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/78.gif" width="26" height="18" border="0">
(*)star< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/79.gif" width="18" height="18" border="0">
o->hiro< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/72.gif" width="18" height="18" border="0">
o=>billy< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/73.gif" width="18" height="18" border="0">
o-+april< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/74.gif" width="18" height="18" border="0">
(%)yin yang< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/75.gif" width="18" height="18" border="0">
Minggu, 26 Oktober 2008
KOde EMOTICONS
Senin, 13 Oktober 2008
maiN-maiN nyOk...
Kadang-kadang membuat yang tak serius itu perlu. Ide ini juga tidak orisinil dari saya. Sudah ada yang berbuat sebelumnya. Jadi jangan salahkan saya jika menimbulkan masalah :) Untuk menampilkan gambar/image dalam halaman HTML tentu digunakan tag yang merujuk ke sebuah file gambar. Bagaimana kalau kita menampilkan sebuah gambar dalam halaman HTML tanpa harus merujuk ke file gambar tersebut. Mungkinkah menampilkan gambar hanya dengan tag HTML yang ada. Jelas jawabnya mungkin. Karena memang sudah ada yang kurang kerjaan melakukannya.
Idenya sangat mudah. Buat sebuah tabel. Atur agar tinggi dan lebar sebuah td adalah 1 pixel x 1 pixel. Ini bisa dengan CSS. Lalu susunlah td ini menjadi sebuah gambar. Satu buah td adalah untuk satu pixel gambar. Lalu warna pixel ditentukan dengan attribut bgcolor yang ada dalam td. Sederhana sekali. Hanya akibatnya yang agak menakutkan. Kalau sebuah gambar dalam format JPG berukuran 15 KB, dengan cara ini ukurannya bisa membengkak sebanyak lebih 10 kali lipat! Namanya juga main-main.
Terus caranya membuat gambar dengan cara ini? Saya menggunakan script PHP sederhana. Baca setiap pixel yang ada dalam file gambar. Lalu konversi setiap pixel tersebut ke sebuah . Dengan nilai #xxxxxx sesuai dengan warna pixel yang dibaca dari gambar. Selesai.
Script PHP untuk konversi di atas sederhananya seperti berikut
\n";
$j = 0;
for ($y = 0; $y < $tinggi; $y++) { $tabel .= "";
for ($x = 0; $x < $lebar; $x++) { $warna = imagecolorat($img2,$x,$y); $r = ($warna >> 16) & 0xFF;
$g = ($warna >> 8) & 0xFF;
$b = $warna & 0xFF;
$rh = str_pad(dechex($r),2,"0",STR_PAD_LEFT);
$gh = str_pad(dechex($g),2,"0",STR_PAD_LEFT);
$bh = str_pad(dechex($b),2,"0",STR_PAD_LEFT);
$wh = "#" . $rh . $gh . $bh;
$tabel .= "";
}
$tabel .= "\n";
}
$tabel .= "\n";
echo $tabel;
?>
Ini contohnya (17 KB zip) yang sudah dalam bentuk sebuah file HTML. Contoh tersebut sudah ditambahi dengan ornamen lain agar tambah menarik.
Langganan:
Postingan (Atom)
