Dalam membuat desain web, salah satu hal yang kita perhatikan adalah penggunaan style untuk hyperlink. Secara default pada kebanyakan browser, hyperlink ditampilkan dengan warna biru dengan dekorasi berupa garis bawah. Biasanya, CSS digunakan untuk membuat agar tampilan hyperlink terlihat lebih bagus dan 'matching' dengan template blog. Seperti dengan mengilangkan garis bawah, mengubah warna saat rollover dan sebagainya.
Tetapi, adakalanya setelah kita mengubah penampilan hyperlink sesuai dengan keinginan, kita sering dibuat kesal dengan munculnya garis tepi berwujud titik-titik pada saat kita mengklik hyperlink tersebut. Secara, efek ini terjadi pada browser Modzilla Firefox yang notabene sangat populer dikalangan netter di dunia.

Nah, jika kita menganggap bintik-bintik garis tepi yang mengelilingi hyperlink adalah sesuatu yang cukup mengganggu dan harus dilenyapkan, caranya sangat mudah yaitu, tambahkan sedikit kode CSS pada atribut hyperlink seperti berikut ini:
- a {outline:none;}
atau jika masih kurang mantab,sekalian saja ditulis seperti ini
hehe...
- a:link {
- outline:none;
- }
- a:visited {
- outline:none;
- }
- a:hover {
- outline:none;
- }
- a:active {
- outline:none;
- }
Dan bintik-bintik itu hilang untuk selamanya....

29 Komentar:
ngilangin bintik bintik?
pertama baca kirain iklan kosmetik penghilang komedo,,,Mel ampe semangat bgt baca,,hehhhee
boleh neh,,biar mulus ga ada bintik2
hehehe.. selama ini saya kurang memperhatikan itu, cuma kalau yg kurang mantap itu, whuihihihi... sepertinya bakal bingung sendiri, gak ada tandanya mana yg link. CMIIW.
***
benar² kretaif dan gak bosan rubah tampilan nih mas dianz...
kayaknya mahir design nih.. btw template blogger yang sampean pakai keren sekali..bisa didownload dimana ya?
malam bang....
pa cabar?
lama yah tak berkunjung
wah wah....dapat tif nich darimu
trimakasih ya
salam hangats selalu
Makasih Mas Ardianz, tar aku coba.
wah... Nice info ne...
Tapi, aku jarang sekali merasa terganggu dengan bintik-bintik sekecil itu....
@ mel & online2x
hehehhe.. iya nih mulus...
@ Pakacil
wah tengkiu pakacil, kalau tertarik, langsung terapkan aja :)
@ My Link is Educated
wah nih templet bikinan sendiri, dari minima kok, kalau mau copy&paste aja cssnya heheh
@ Seno
Sama-sama mas...
@ NoRLaNd
hehe makasih
haiyah ada tahapanya juga tho?
kayanya saya nggak terganggu deh...lha wong baru sadar ada bintik-bintik juga gara-gara baca postingan ini jee :D
@soewoeng
yak iyak lah.. biar yg gaptek juga mudheng gitu.. secara..
gerrilya
heheheh terlalu lama bergrilya di hutan sih..
thx infonya n lam kenal :)
tips oke banget, tuh. Tapi saat2 ini saya lebih sering pakai google chrome ketimbang firefox
hehe, setuju sama alm endah.., kalo di rumah pake google chrome aja....
@nearie
yoi, salam kenal juga..
@alamendah & gen
yoi, saya juga pake google chrome. oks bgt tuh broser, tp sayang saat digunakan untuk mengedit blogger fitur searchnya dirasa kurang maksimal. oh ya sebagai desainer web sudah seharisnya kita memikirkan browser yang dipakai oleh user, sebuah kesalahan pada blog ini adalah saya samasekali tidak mempedulikan pengunjung yang memakai IE6 yang tidak becus membaca CSS3..
hehehe...
mantebs.. ne, tak ikutan belajar ah biar pinter seperti mas Ardianz
google crome msh brat bgt klo kbnykan tab pa cm di pcku ya?[eh ngomeni koment jdnya]
mari kita basmi para pengganggu seperti bintik2 itu he he he
hehe....kalo urusan script, Bendol gak brani bro. Lha gaptek sih....
Takut salah, hancur deh....
Makasih infonya...
kadang bintik-bintik itu suka bikin kesel kita sendiri lho, sperti blog saya yang pasti mucul hal tersebut... ntar saya perbaiki deh...
salam kenal ya,
wah, baru tau ada caranya sndiri,,
Hha. Nice share.
ditunggu kunjungan baliknya ke Cerdas Teknologi ya..
jgn lupa komentar juga soalnya blog kita sudah DoFollow.
Thanx.
Wah... saya nggak pernah merhatikan malah ada bintik2 kotak yang mengelilingi hyperlink. Kalau bintik2 tersebut dihilangkan pakai sabun bisa nggak ya?? Emangnya jerawat kaleeeee... **halaah komentar orang males** :mrgreen:
mantep nih tipsnya. trims,... salam kenal jg yach
@Wh
heheh gak tahu tuh.. mungkin karena membuka website yg berat-berat (kayak web ini heheh)
@Zulhaq
Gerakan 3M tuh...
@HumorBendol
yup sama sama... :)
@rudy azhar
Iyah atuh.. dulu saya sempat kesal sekali...
@RendyRasta Ce-Tek "Blog DoFollow"
sama -sama.. blog ini juga dofoloow kok...
@Yari NK
Hehehe monitornya kali disabunin??
@rahasia meta title o-om.com
yupzzz salam kenalzzz
masih tetep ga ngerti apaan sih bintik2 itu?!
@Quinie
ituh bintik-bintik noda hitam membandel
hehe
Salam kenal, salam persahabatan hihi
nah giman cara bikinya nie
@Dwi Sucipto?
Bikin apanya?
yang lebih praktis :
* {outline:none}
tapi saya sudah ngak pasang itu lagi ternyata dotted border ketika link focus itu berguna untuk pengguna yang sekedar menggunakan keyboard dengan fungsi TAB. tapi ngak papa sih kalo dotted bordernya dihilangin, itukan tergantung target pengunjung kita.
Poskan Komentar zzz