Menambah Warna Background pada Scrolling

Posted: Desember 27, 2008 in IT
Tag:, , , , , , , , ,
Nama Ardiansyah….di panggil Ardi or Ardian
Kuliah di BogoreduCARE
Hobby football……..
Agama Islam 100%
Cita2 menjadi oranga sukses..Amin…
Saran…Say to no drugs..ok!!!

Lihat background scrolling diatas memiliki warna daripada scrolling yang pertama saya buat.   Pikir-pikir setelah kita mengetahui kuncinya gampang loe..kita hanya pintar-pintar bermain di kode htmlnya saja.

Alhamdulillah saya bisa menjawab rasa penasaran dari diri sendiri hanya dengan waktu kurang-lebih 2 jaman..mungkin hal itu terlalu lama bagi progrmammer tetapi saya bangga karenan dengan pengetahuan yang terbatas tentang kode-kode html , saya bisa membuatnya.

Dipostingan ini saya akan share kepada anda sekalian…Langkah-langkahnya adalah sebagai berikut>> Saya saran kan, sebelum di paste di blog anda sebaiknya di paste dulu di program Ms.word, Notepad atau wordpad..Hal ini bertujuan untuk gampang di editnya..setelah itu, saya memberikan kuncinya..kuncinya terdapat dikode htmlnya sendiri

<div style=”overflow:scroll;width:240px;height:200px;”>
<table border=”10″ cellpadding=”3″ width=”40″ />
<tr>
<td width=”220″ height=”80″>Nama Ardiansyah….di panggil Ardi or Ardian</td>
<td valign=”middle” align=”center” width=”80″ height=”60″><img width=”80″ height=”80″ src=”https://ardiansyah89.files.wordpress.com/2008/12/foto00533.jpg”></td&gt;
</tr>
<tr>
<td width=”220″ height=”80″><a href=”http://www.bogoreducare.org/”>Kuliah di BogoreduCARE</td>
<td valign=”middle” align=”center” width=”80″ height=”60″><img width=”80″ height=”80″ src=”http://farm4.static.flickr.com/3119/2772710611_d937016e39_m.jpg”></td&gt;
</tr>
<tr>
<td width=”220″ height=”80″>Hobby football……..</td>
<td valign=”middle” align=”center” width=”80″ height=”60″><img width=”80″ height=”80″ src=”http://farm4.static.flickr.com/3127/2772709943_9839ffdfa2_m.jpg”></td&gt;
</tr>
<tr>
<td width=”220″ height=”80″>Agama Islam 100%</p>
<td valign=”middle” align=”center” width=”80″ height=”60″><img width=”80″ height=”80″ src=”http://farm4.static.flickr.com/3022/2773566064_e3446ceab3_m.jpg”></td&gt;
</tr>
<tr>
<td width=”220″ height=”80″>Cita2 menjadi oranga sukses..Amin…</p>
<td valign=”middle” align=”center” width=”80″ height=”60″><img width=”80″ height=”80″ src=”http://farm4.static.flickr.com/3001/2772717365_510220bb19_m.jpg”></td&gt;
</tr>
<tr>
<td width=”220″ height=”80″>Saran…Say to no drugs..ok!!!</p>
<td valign=”middle” align=”center” width=”80″ height=”60″><img width=”80″ height=”80″ src=”http://farm4.static.flickr.com/3054/2773563674_4fd6d11679_m.jpg”></td&gt;
</tr>
</table>
</div>

Anda hanya menambahkan…kode html dibawah ini..

background-color:plum;border:#B93B8f 2px solid;

ke yang di kalimat yang dihuruf tebalkann..tepatnya setelah 200 px sebelum titik dua..seperti ini

<div style=”overflow:scroll;width:240px;height:200px background-color:plum;border:#B93B8f 2px solid;”>

Jika sudah maka paste di postingan atau widget tapi dalam format html bukan visual khusus untuk postingan. Untuk pemilihan warnanya sendiri, anda harus mengetahui warna dan kode htmlnya. Jika belum tahu anda bisa melihat di sini atau postingan sebelumya. Lalu masukan  nama warna dan kode htmlnya setelah

background-color:

pada html di atas. Mudahkan…tetapi ingat kita harus teliti dalam menggunakan kode html

Saya bisa membuat scrolling diatas karena ada sedikit gambaran dari myfriend..

Tetapi saya masih penasaran jika kode html untuk membuat scrolling digabungkan dengan kode html marquee (yang berfungsi memberi efek gambar atau tulisan bergerak).

Nb:

href: berfungsi untuk menghubungkan ke web yang ingin anda tuju…(menu ini sama dengan menu hyperlink pada ms.office)

srch img : untuk memasukkan/ mencari gambar yang ingin ditampilkan..contohnya  src=”http://         ardiansyah89.files.wordpress.com/2008/12/foto00533.jpg”></td>

Mungkin ini yang bisa saya share….semoga sukses..selamat mencoba

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s