Simplicity
&
Headache

7 Okt 2009

Hilangkan bintik-bintik pada Firefox

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:

  1. a {outline:none;}


atau jika masih kurang mantab,sekalian saja ditulis seperti ini
hehe...

  1. a:link {
  2. outline:none;
  3. }
  4. a:visited {
  5. outline:none;
  6. }
  7. a:hover {
  8. outline:none;
  9. }
  10. a:active {
  11. outline:none;
  12. }


Dan bintik-bintik itu hilang untuk selamanya....



29 Komentar:

mel mengatakan...

ngilangin bintik bintik?
pertama baca kirain iklan kosmetik penghilang komedo,,,Mel ampe semangat bgt baca,,hehhhee

online online mengatakan...

boleh neh,,biar mulus ga ada bintik2

pakacil mengatakan...

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...

My Link is Educated mengatakan...

kayaknya mahir design nih.. btw template blogger yang sampean pakai keren sekali..bisa didownload dimana ya?

bluethunderheart mengatakan...

malam bang....
pa cabar?
lama yah tak berkunjung
wah wah....dapat tif nich darimu
trimakasih ya
salam hangats selalu

Seno mengatakan...

Makasih Mas Ardianz, tar aku coba.

NoRLaNd mengatakan...

wah... Nice info ne...
Tapi, aku jarang sekali merasa terganggu dengan bintik-bintik sekecil itu....

ArdianZzZ mengatakan...

@ 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

soewoeng mengatakan...

haiyah ada tahapanya juga tho?

gerrilya mengatakan...

kayanya saya nggak terganggu deh...lha wong baru sadar ada bintik-bintik juga gara-gara baca postingan ini jee :D

ArdianZzZ mengatakan...

@soewoeng
yak iyak lah.. biar yg gaptek juga mudheng gitu.. secara..

gerrilya
heheheh terlalu lama bergrilya di hutan sih..

nearie mengatakan...

thx infonya n lam kenal :)

alamendah mengatakan...

tips oke banget, tuh. Tapi saat2 ini saya lebih sering pakai google chrome ketimbang firefox

gen mengatakan...

hehe, setuju sama alm endah.., kalo di rumah pake google chrome aja....

ArdianZzZ mengatakan...

@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...

Wh mengatakan...

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]

zulhaq mengatakan...

mari kita basmi para pengganggu seperti bintik2 itu he he he

HumorBendol mengatakan...

hehe....kalo urusan script, Bendol gak brani bro. Lha gaptek sih....
Takut salah, hancur deh....
Makasih infonya...

rudy azhar mengatakan...

kadang bintik-bintik itu suka bikin kesel kita sendiri lho, sperti blog saya yang pasti mucul hal tersebut... ntar saya perbaiki deh...

RendyRasta Ce-Tek "Blog DoFollow" mengatakan...

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.

Yari NK mengatakan...

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:

rahasia meta title o-om.com mengatakan...

mantep nih tipsnya. trims,... salam kenal jg yach

ArdianZzZ mengatakan...

@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

Quinie mengatakan...

masih tetep ga ngerti apaan sih bintik2 itu?!

ArdianZzZ mengatakan...

@Quinie
ituh bintik-bintik noda hitam membandel
hehe

Pencarian Puisi mengatakan...

Salam kenal, salam persahabatan hihi

Dwi Sucipto mengatakan...

nah giman cara bikinya nie

ArdianZzZ mengatakan...

@Dwi Sucipto?
Bikin apanya?

choen mengatakan...

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.

2009 ¤ simplicity by ardianzzz facebook twitter TheBestLinks