Tutorial : garisan cool!

Salam,this is my first tutor

Tutorial : Garisan bawah menggunakan gambar kecil

salam,hari ni saya nak tunjuk 1 tutorial menarik yang bole dikongsi bersame... :D

Garisan bawah pun boleh jadi custom :

(tidak faham apa yang ada di atas tidak apa, janji dapat nampak efek garisan bawah yang lebih lain daripada biasa itu :D)

Langkah 1 : Tambah CSS

Tampalkan kode di bawah di sebelum ]]>

.gariscomel {

line-height:10px;

padding:4px 2px 2px 0;

background:white url(http://2.bp.blogspot.com/__vfabx6hZtk/S0xVhcRmtcI/

AAAAAAAABlQ/JQGrP7iDh28/s320/gariscomel.gif)repeat-x bottom

}

Tekan save. (Boleh dikatakan sudah siap ^.^)

Langkah 2 : Hasilkan ia dalam posting

Kalau kamu underline, rupa kode ialah perkataan kamu kan ? Untuk buat efek ini pun lebih kurang sama konsepnya, cuba :

Comel tak nih ? suka meh ?

dan hasilnya akan menjadi seperti :

'Gariscomel’ itu sebenarnya tentuan suka hati saya, kamu boleh mengubahnya.(sudah semestinya perlu ubah juga pada bahagian CSS) Gambar garisan (yang warna orange itu) pun boleh kamu ‘main’. Banyak visual yang kool-kool lagi dapat kamu fikirkan..

Sedikit inspirasi ^@^) !

Kalau malas, selamat menyalin xD Usaha juga kan ? haha ~

tak paham?saya lagi tak paham sbb saya cuma copy paste je..bhahaha~