Instagram

Translate

Jumat, 13 September 2013

Cara Membuat Text Area denngan Background Gambar GIF

Jika sobat ingin memberi Bacground pada Teks are seperti di bawah ini :



Caranya gampang, tinggal copy code dibawah ini

<textarea div="" style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: #000 url( https://lh3.googleusercontent.com/-bf_x-yTTHjQ/Ts32HIlpUJI/AAAAAAAAAgQ/WctrlVSdVXI/s800/bluematrix.gif ) repeat scroll right bottom; border: 2px solid rgb(245, 219, 0); color: white; height: 100px; overflow: auto; padding: 5px; text-align: justify; width: 358px;">Tuliskan Teks Anda Disini </textarea>.



Keterangan :
  • Text berarna Merah adalah lurl gambar pada kolom text area, bisa diganti dengan url gambar sobat
  • Text berwarna Biru adalah Text yang akan mucul di dalam kolom text area diatas 

Nahh saya udah nyiapin URL background Matrix untuk text area di atas ,tinggal ganti code yang berwarna Biru dengan URL dibawah ini 

0-1-1 Matrix












http://3.bp.blogspot.com/-D6nQQ3d_wfw/Ts31QI5aQPI/AAAAAAAAAgA/mMEBDufqDpk/s1600/0_1_1.gif


Black Red Matrix










https://lh6.googleusercontent.com/-oIKDL5K_Jus/Ts32BmE64MI/AAAAAAAAAgI/QncRScTidN8/s800/black_red_matrix.gif


Blue Matrix 1














https://lh3.googleusercontent.com/-bf_x-yTTHjQ/Ts32HIlpUJI/AAAAAAAAAgQ/WctrlVSdVXI/s800/bluematrix.gif


Blue Matrix 2














https://lh6.googleusercontent.com/-wnxb6Bv75j8/Ts32HR4rlOI/AAAAAAAAAgU/ubCAT0zE3hA/s800/bluematrix2.gif


Green Matrix 














https://lh4.googleusercontent.com/-yEVdif3Bi_U/Ts32PtuIGBI/AAAAAAAAAgo/Ce1ujGXZ6RE/s800/matrix.gif


Red Matrix











https://lh5.googleusercontent.com/-F5UfAsRs24I/Ts0uwOoH7QI/AAAAAAAAAf4/UQXNleByOcE/s800/monozcore_blogspot_com_redmatrix.gif


Blue Matrix 3











https://lh3.googleusercontent.com/-4XZ7JTeJH_Y/TsaAYPiMYSI/AAAAAAAAAcU/_-8fu6GQ7eI/s800/matrix.gif


 Port Listener 






https://lh3.googleusercontent.com/-CYobas4WGXo/Ts32QusPKsI/AAAAAAAAAgw/xQQMNbgAa0M/s800/port_listener.gif


Cuma itu yang bisa saya berikan.
Semoga dapat bermanfaat bagi sobat bloger sekalian.

Artikel Terkait:

Untuk menggunakan emoticon ini, COPAS kode ke kotak komentar.
:a: :b: :c: :d: :e: :f: :g: :h: :i:
:j: :k: :l: :m: :n: :o: :p: :q: :r:
:s: :t: :u: :v: :w: :x: :y: :z: :ab:
Comments
0 Comments

Tidak ada komentar :

salam otonk'rs

share on :