Senin, 15 November 2010

Hopefully Useful

Kadang-kadang tatkala kita ingin membuat sesuatu yang gaya itu harus memiliki skill yg keren :D Ternyata bisa jadi persepsi itu salah kok sob! Dengan ilmu pas-pasan tapi dengan kreatifitas sedikit, kita bisa kok membuat skill gaya punya. Setelah BW dan melihat-lihat dan menelaah, Beben si bloglang ganteng kalem tea akan memberi contoh hal-hal sederhana yg membuat gaya :)) Contoh simpel ini bisa sobat praktekan dalam mencari ide membuat sebuah favicon (favorites icon) Tahu kan favicon sob ;)) icon kecil pada tab browsingan dan address bar ;)

Hanya dengan begini saja sob coba tuh kita dapat mengetahui berbagai macam gambar favicon dengan domain.com<img src="http://www.google.com/s2/favicons?domain=blah-bleh-bloh.com" />Ganti kata² blah-bleh-bloh dengan nama domain yg dituju :D


Untuk tulisan menjadi gambar berformat PNG, sobat bisa dengan trik ini...
<img src='http://l.yimg.com/img.sports.yahoo.com/static/bir/headline?txt=blah-bleh-bloh'/>Ganti tulisan blah-bleh-bloh dg tulisan yg diinginkan. Sobat tahu tidak dengan kode CSS overflow!!! Kita bisa berkreatif dengan kode itu loh...
Put a long text1 in here. It will be scrollable.
Put a long text2 in here. It will be scrollable.
Put a long text3 in here. It will be scrollable.
Put a long text4 in here. It will be scrollable.
Put a long text5 in here. It will be scrollable.
Put a long text6 in here. It will be scrollable.
Put a long text7 in here. It will be scrollable.
Put a long text8 in here. It will be scrollable.

Kode CSS

#scroll_box {
border: 1px solid #ccc;
height: 120px;
width: 400px;
overflow: auto;
margin: 5px 0;
background-color: #ffe;
color: #FFFF00;
}
Silahkan dibagus-bagus sendiri deh variabelnya ya :)

Kode HTML

Ketika mau memosting gunakan tag<div id="scroll_box">YOUR CONTENT HERES</div>Mau menuliskan syntax link new window tanpa variabel target!!!
Insert Link Title<a href="http://ben-tools.blogspot.com/" title="ben-tools" onclick="window.open(this.href,'newwin'); return false;">Insert Link Title</a>Kode opacity...
90 % opacity
50 % opacity
20 % opacity
90 % opacity
50 % opacity
20 % opacity
Kalau mau menuliskan alamat email bebas dari spider nich ;;)

<form action="#" onsubmit="return false;"><input readonly value="Hover to see my E-mail" onmouseover="focus();select();value='b'+'e'+'b'+'e'+'n'+'.'+'k'+'o'+'b'+'e'+'n'+'@'+'g'+'m'+'a'+'i'+'l'+'.'+'c'+'o'+'m';" style="color:#f0f;text-align:center;font-weight:bold" size="23"/></form>
So easy, and hopefully useful see yah \m/

Tidak ada komentar:

Posting Komentar