Membuat scroll

.

Membuat fungsi scroll tidak memerlukan kod yang rumit,hanya sebaris kod saja seperti ditunjukkan dibawah:-
<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
#link1 <br />
#link2 <br />
#link3 <br />
#link...
</div>

Didalam kod tersebut, yang memainkan peranan adalah kata arahannya.Berikut adalah kata arahan/perintah yang perlu diketahui.....

overflow:auto; » kod scrolling atau penggulung halaman apabila isi halaman tersebut sudah melampaui batas tinggi atau lebar yang telah di tentukan.

width:300px; » adalah lebar yang di inginkan, dalam hal ini adalah selebar 300 pixel, agar selalu sesuai dengan sidebar maka sebaiknya memakai nilai 100% (width:100%).

height:200px; » adalah tinggi bidang yang di inginkan.

padding:10px; » adalah kod pembuat jarak agar tulisan yang ada dalam halaman tersebut tidak menyentuh dinding halaman, nilai ini tentu saja boleh di ubah mengikut kemahuan misal : padding:5px;

border:1px solid #eee » agar bidang tersebut terlihat ada kotaknya, jika anda tidak mahu kelihatan kotaknya, maka hapuskan saja.

link: alamat url yang hendak diisikan,contoh seperti dibawah
<a href="http://bloginfotips.blogspot.com/2008/09/koleksi-tutorial.html">koleksi tutorial</a>
<br />
<a href="http://bloginfotips.blogspot.com/2008/09/kod-warna.html">kod warna</a>
<br />
<a href="http://bloginfotips.blogspot.com/2008/08/i-frame-border.html">iframe boder</a>
<br/>
<a href="http://bloginfotips.blogspot.com/2008/09/meta-tag.html">meta tag</a>
<br />
<a href="http://bloginfotips.blogspot.com/2008/08/3-langkah-mudah-membuat-web-portal.html">web portal</a>
</br>
<a href="http://bloginfotips.blogspot.com/2008/08/blogger-templates.html">templates</a>
<br />

hasilnya, akan kelihatan seperti dibawah....

Mungkin artikel dibawah yang sedang anda cari



0 comments:

:)) ;)) ;;) :D ;) :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Catat Ulasan

Komenlah sesuka hati anda kerana tuan empunya blog ini buta hati dan buta perasaan tetapi tidak buta mata.

 

Pelawat

free counters
BlogInfoTips

Pengikut

Recent Comments

Powered by Deenoh

© Copyright 2007-2009. Blog tutorial . All rightsreserved | Bloginfotips.com is proudly powered by Blogger.com | Template redesign by Deenoh