Rabu, 16 Desember 2009

Aneka Cara Membuat Gambar Bergaris Tepi

Pada postingan kali ini kita akan membahas bagaimana cara membuat gambar dalam postingan kita tampil lebih menarik, oleh karena itu trik ini sangat cocok bagi teman-teman yang biasanya suka memosting sesuatu dan biasany disertai dengan gambar yang berhubungan dengan posting. Sebelumnya trik ini sudah dibahas oleh mas Uda [Trims mas Uda, sudah sharing ilmunya], jadi postingan ini bersifat pengulangan saja. Adapun aneka trik gambar bergaris tepi tersebut adalah sebagai berikut:

GAMBAR ASLI (Tanpa garis Tepi)

GAMBAR_ASLI


------------------------------

1. Garis Tepi Biasa



Kode:

<div style="overflow:no; width:100%px; height:100%px; border:5px solid #CCCC99; padding: 0px;"><img border="0" src="http://sites.google.com/site/trikblogging/gambar/garis_tepi_gambar_t4belajarblogger.JPG"></div>




2. Garis Tepi Double



Kode:

<div style="overflow:no; width:100%px; height:100%px; border:5px ridge #CCCC99; padding: 0px;"><img border="0" src="http://sites.google.com/site/trikblogging/gambar/garis_tepi_gambar_t4belajarblogger.JPG"></div>



3. Garis Tepi Putus-putus



Kode:

<div style="overflow:no; width:100%px; height:100%px; border:5px dashed #CCCC99; padding: 0px;"><img border="0" src="http://sites.google.com/site/trikblogging/gambar/garis_tepi_gambar_t4belajarblogger.JPG"></div>



4. Garis Tepi Titi-titik



Kode:

<div style="overflow:no; width:100%px; height:100%px; border:5px dotted #CCCC99; padding: 0px;"><img border="0" src="http://sites.google.com/site/trikblogging/gambar/garis_tepi_gambar_t4belajarblogger.JPG"></div>




----------------------------------

Keterangan:

1. Merah=Border, itu adalah tebalnya garis tepi. Pada contoh2 di atas border:5px, bagi teman2 yang ingin garis tepinya tambah tebal, tinggal ganti aja angka 5 dengan angka yang lebih GD

2. Orange=Warna border, di sana tertulis kode warna [#CCCC99] yang artinya berwarna seperti warna ini, bagi teman-teman yang inggin menggantinya monggo dicari2 kodenya di sini.

3. Hijau=Padding, artinya adalah jarak antara garis tepi dengan gambar. Contoh2 di atas tidak memiliki jarak antara gambar dan garis, karena telah saya atur nilai padding:0px, bagi teman-teman yang mau membuat jarak tertentu silahkan angka padding-nya diatur

4. Biru=itu adalah link gambarnya teman-teman, silahkan diganti dengan link gambarnya teman-teman...


bagaimana gampangkan?





Semoga bermanfaat []

Tags: cara membuat gambar garis tepi, trik membuat border pada gambar, aneka cara membuat border image, aneka cara membuat garis tepi icon gambar, cara membuat garis tepi gambar postingan