menghilangkan "underline" garis bawah di blog

Posted by AllSoft Minggu, 11 Januari 2009 9 komentar

Menurut kebiasan yang berlaku, sebuah tulisan yang berbentuk link biasanya memang mempunyai garis bawah, akan tetapi sebenarnya garis bawah tersebut bisa di hilangkan apabila di inginkan. Bagaimana cara menghilangkan garis bawah pada link? untuk menghilangkannya hanya perlu merubah beberapa kode yang ada pada style sheet CSS, kode tersebut biasanya seperti ini :



a:link
{
color:#58a;
text-decoration:underline
}

a:hover
{
color:#c60;
text-decoration:underline
}

a:visited
{
color:#969;
text-decoration:underline
}


Agar menjadi faham, akan saya uraikan :

a:link
{
color:#58a;
text-decoration:underline
}


Kode ini mempunyai arti sebuah link akan berwarna biru dan bergaris bawah.

a:hover
{
color:#c60;
text-decoration:underline
}



Sebuah link apabila di sorot oleh mouse akan berubah warna menjadi biru tua dan bergaris bawah.

a:visited {
color:#969;
text-decoration:underline
}


Sebuah link apabila pernah di klik oleh komputer yang sama akan berwarna biru tua (banget) dan bergaris bawah.

Pertanyaan selanjutnya manakah kode diatas yang membuat link menjadi bergaris bawah? jawabnya adalah kode :

text-decoration:underline

Tulisan "underline" lah yang membuat link menjadi bergaris bawah. Apabila kita tidak menginginkan adanya garis bawah pada sebuah link, maka kita hanya cukup merubahnya dengan kata none, nanti kodenya akan menjadi seperti ini :

text-decoration:none

Dari uraian tadi diatas, kita dapat mengatur ingin ada atau tidak ingin ada garis bawah, tergantung dari selera masing-masing, apakah sebuah link ingin bergaris bawah atau tidak? apakah apabila sebuah link di sorot oleh mouse ingin bergaris bawah atau tidak? Apakah apabila sebuah link pernah di kunjungi atau di klik ingin bergaris bawah atau tidak? semua terserah sobat sebagai pemilik blog. Ingin bergaris bawah? Ya pakai underline, kalau tidak ingin bergaris bawah ya tingal ganti dengan none.

gampang kan chu...,,,!!!

met mencoba,

salam ngeblog

9 komentar:

1000sungai mengatakan...

emm...aku coba dullu yach...

Dwiki Setiyawan mengatakan...

Bung. Aku sudah mempraktekkan ilmunya tentang hal ikwal mempercantik blog WordPress.

Terima kasih. Semoga Bung senantiasa diberkahi Allah SWT. Sukses semoga mengiringi langkah-langkah Bung.

ofa ragil boy mengatakan...

semoga bermanfaat,
salam ngeblog

perigitua mengatakan...

haddiiirr...
mantappp
tapi bisa nggak buat yang wp gratisan :)
hehehe..
cu...

mikoiks mengatakan...

thank's atas infonya bro, akan ku coba di blog baruku.... di http://miko.jsmart.web.id ...kunjungi yahh

miss dewi mengatakan...

thank’s infonya...salam kenal

jib mengatakan...

tengs infonya, tapi kok blog punya saya masih ada underlinenya ya....??? mohon bantuannya........

eRWe mengatakan...

udah saya coba nehh... thanks... visit back to mororene.com ya...

Symbian plus mengatakan...

nice info gan.........
kunjungan..

Posting Komentar