Blog Request tutorial? klik disini!

  • Cara Mendisable Link Di Menu Dengan CSS

    Ditulis oleh: Faizal Rafik
    1143 kali dibaca
    23 Apr / 2014 16:57

    Pada tutorial kali ini saya akan berbagi informasi tips dan trik kepada teman-teman yaitu cara menonaktifkan atau mendisable link menu dengan CSS. Sebenarnya contoh kasus yang seperti ini belum pernah kita jumpai di Website-Website sekarang dan jarang di gunakan juga kasus seperti ini tetapi di sini saya hanya ingin berbagi informasi kepada teman-teman saja cara Mendisable atau Menonaktifkan sebuah link di menu dengan CSS, tetapi menu tersebut tidak di hilangkan hanya warnanya saja yang agak di transparsi dan tidak bisa di klik agar terlihat perbedaannya. Baiklah langsung saja kita masuk ke pokok pembahasanya ya.

    Pertama Buat file HTML nya seperti di bawah ini :

    Bisa kita lihat gambar di atas di situ terdapat class disable yang artinya menu Profile akan kita disable atau non-aktifkan.

    Kemudian CSS untuk Mendisable atau Menonaktifkan link menu nya di bawah ini :

    CSS nya bisa kita lihat terdapat Property pointer-events: none dan opacity: 0.2 yang artinya akan menonaktifkan link menu profile dan mentransparankan background colornya agar terlihat perbedaanya.

    Untuk melihat hasilnya bisa klik di SINI.

    Sekian dulu tips dan trik dari saya semoga bisa menambah ilmu teman-teman. Terima Kasih






Baca juga

Rukan Artha Gading Niaga Blok i - 23, Jalan Boulevard Artha Gading

Kelapa Gading, Jakarta Utara 14240

(Belakang Mall Artha Gading)

Telp: (021) 4585-0387


Ruko Permata Regensi Blok B - 18, Jalan Haji Kelik

Srengseng, Kebon Jeruk, Jakarta Barat 11630

(Depan Hutan Kota Srengseng)

Telp: (021) 5890-8355


Ruko Jalan Taman Daan Mogot Raya No. 23

Kel. Tanjung Duren Utara Kec. Grogol Petamburan, Jakarta Barat 11470

(Belakang Mall Citraland dan Kampus UNTAR II)

Telp: (021) 2941-1188


Ruko Jalan Kartini Raya No. 53

Pancoran Mas, Depok 16436

(± 5 Menit dari Kantor Walikota Depok)

Telp: (021) 7720-7657


Rukan Crown Palace Blok A no 12, Jl Prof Dr Soepomo no 231 (Samping Universitas Sahid).

Kec. Tebet, Kel. Menteng Dalam.

(± 1 Menit dari Tugu Pancoran)

Jakarta Selatan 12870

Telp: (021) 2298-3886

Buka setiap hari Senin - Minggu jam 09.00 s/d 21.00

SMS: 0851-0055-5666 / 0819-7555-666 / 0812-9933-3913 / 0812-9393-3210 / 0812-1999-9155