Membuat Kotak Scroll sederhana

Kadang postingan yang panjang sering memakan tempat.. nah untuk mengakali nya supaya tempat atau ruangan pada blok kita lebih hemat adakala nya di akali dengan kotak scroll..banyak sekali macam-macam bentuk nya salah satu nya kayak di artikel ini...

Nah..jika sobat ada yang berminat untuk membuat nya sobat tinggal copy kode-kode nya di bawah ini dan memodifikasi sesuai kebutuhan sobat  ...

Contoh:

[i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia][i love you lydia]

Code HTML :

<span><span style="font-style: italic;"><span style="font-style: italic;"><div style="height: 100px; width: 400px; font: 16px/26px Georgia,Garamond,Serif; overflow: scroll;">Masukan Tulisan atau gambar di sini

</div>

</span></span></span>

Keterangan nya : 

Tulisan berwarna merah..anda ganti dengan tulisan lain nya sesuai keinginan sobat. kode width:400px;height:125px  kalau kode width dan heigth buat lebar dan tinggi tulisan . Kode background:none untuk memberi warna back ground tulisan.

Kode di atas bisa di modifikasi ukuran dan besar nya tulisan..kalau untuk gambar saya belum mencoba nya mungkin sobat-sobat nanti bisa memodifikasi nya buat gambar agar dapat berjalan yang penting jangan di kasih kaki aja..he he ( just kidding).

Semoga artikel di atas bisa bermamfaat dan di tunggu modifikasi selanjut nya dari para sahabat sekalian..

These icons link to social bookmarking sites where readers can share and discover new web pages.

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

Tags: Desain/Design Web Blog