Monday, July 6, 2009

Tutorial Overflow / Scroll Dalam Post

Dah ramai yang bertanyakan bagaimana hendak membuat overflow / scroll di dalam posting, so kali ini aku cuba terangkan. Fungsi Overflow / Scroll adalah untuk meletakkan isi posting ataupun coding termasuk gambar dan sebagainya dalam satu kotak agar dapat menjimatkan ruang dan mudah untuk disalin semula (copy), lebih kurang macam tutorial Textarea laaa gitu...

Untuk membuat overflow/scroll di dalam posting anda hanya perlu copy dan paste code dibawah ini dan isikan artikel, gambar, code atau apa sahaja didalamnya. kemudian di akhir pengisian perlu ditamatkan dengan </div> dan anda boleh menyambung semula isi posting artikel yang normal sebelum atau selepas code tersebut, berikut adalah contoh;

Text
<div style="border: 1px solid ; background: transparent none repeat scroll 0% 0%; overflow: auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 450px; height: 100px;">
Text
Text
Text
Text
Text
Text
Text
</div>
Text

Contoh dalam posting :Hasilnya :

Text

Text
Text
Text
Text
Text
Text
Text

Text


Selamat mencuba!


Tambahan :
Code berwarna merah yang tebal di atas boleh di ubah mengikut kesesuaian,
border: 1px <-- ketebalan kotak
width: 450px
<-- lebar kotak
height: 100px
<-- tinggi kotak

7 comments:

yatie chomeyl said...

best nih..dh lama teringin nk wat camni..thanks 4 sharing it ;)

LuVidA^^ said...

bergune ni..utk posting yg pnjg bjele..n byk section.huhu :P

Eyna's said...

Thanks ady...btul tu...memg ramai yg tercari2 coding ni....tmasuk sy....

hana_tomei said...

dah jumpe..dah jumpe...tq abg ady..mmg nk cri code yg ini...hihihi

mannira said...

ady,
sila ambik award yek

Ady Syam said...

Terima kasih :D

dak eina said...

xmnjd la br0.. argh pliz ajar dak eina ;(