Langsung ke konten utama

Menambahkan Kelas Khusus Pada Internet Explorer

Menambahkan Kelas Khusus Pada Internet Explorer
Contoh kelas khusus pada elemen body
Pada kesempatan saya kali ini saya akan membagikan tentang bagaimana cara Menambahkan Kelas Khusus Pada Internet Explorer, post ini diperuntukan untuk kamu yang mempunyai kerusakan pada tampilan blog kamu yang dibuka melalui browser Payah atau jika kamu ingin menambahkan style khusus pada browser ini.

Berikut adalah contoh penambahan nama kelas pada elemen <body>
<!--[if IE ]>
   <body class="ie">
<![endif]-->
<!--[if !IE]>-->
   <body>
<!--<![endif]-->
atau menambahkan kelas khusus di pada elemen HTML:
<!DOCTYPE html>
<!--[if IEMobile 7 ]> <html dir="ltr" lang="en-US"class="no-js iem7"> <![endif]-->
<!--[if lt IE 7 ]> <html dir="ltr" lang="en-US" class="no-js ie6 oldie"> <![endif]-->
<!--[if IE 7 ]>    <html dir="ltr" lang="en-US" class="no-js ie7 oldie"> <![endif]-->
<!--[if IE 8 ]>    <html dir="ltr" lang="en-US" class="no-js ie8 oldie"> <![endif]-->
<!--[if (gte IE 9)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html dir="ltr" lang="en-US" class="no-js"><!--<![endif]-->

Kini anda dapat membuat gaya khusus untuk browser Internet Explorer ini atau anda bisa menggunakan fungsi ini sebagai hack untuk kelemahan IE dengan menggunakan nama class .ie
Sekian tutorial Menambahkan Kelas Khusus Pada Internet Explorer ini, semoga dengan adanya tutorial ini dapat membantu kamu dalam membangun sebuah situs yang mudah diakses dari berbagai macam browser.

Komentar

  1. terlalu kejem menyebutnya payah :D thanks sharing mas

    BalasHapus
  2. Balasan
    1. kalo untuk oprea mini apa gan :)

      Hapus
  3. wah lumayan ribet nih, pati akhirnya berhasil juga, makasih mas gan

    BalasHapus

Posting Komentar

Blog ini tidak menerima komentar via OpenID atau Anonim.
Link aktif akan secara otomatis terhapus oleh sistem.
Untuk memasukkan link dengan aman, gunakan kode [url=http://sites.com]Teks Link[/url]
Untuk memasukkan kode, gunakan kode <i rel="code">Kode Kamu</i>
Untuk memasukkan kode yang panjang, gunakan kode <i rel="pre">Kode Panjang Kamu</i>
Untuk menyisipkan gambar, gunakan kode [img]Url Gambar[/img]
Untuk memasukkan title, gunakan kode <b rel="h4">Title kamu ...</b>
Untuk memberikan efek huruf tebal pada teks, gunakan kode <strong>Teks Kamu ...</strong>
Untuk memberikan efek huruf miring pada teks, gunakan kode <em>Teks Kamu ...</em>

Khusus untuk membalas komentar disarankan menggunakan tombol balas di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur. Karena mungkin, apa yang Anda tanyakan/katakan saat ini akan sangat bermanfaat bagi pembaca lain.

Emotikon
:) :( ^_^ :D ;) :-bd :'( :\ :p B) :Q :Ozz 7:( \o/ **p <3 0:) :-a 7:O *fck* x@ X@ ~x( :yaya: =p*

Postingan populer dari blog ini

Contenteditable Alternatif Elemen Input pada HTML

Contenteditable Alternatif Elemen Input pada HTML Pada kali ini Males code akan menjelaskan tentang Contenteditable Alternatif Elemen Input pada HTML. Dimana penggunakan tag contenteditable='' ini dapat membuat elemen yang kita inginkan dapat kita ubah kontennya seperti teks layaknya elemen input yang biasa kita lihat.
Pada tag contenteditable='true|false' ini terdapat 2 value, yaitu true untuk membuat fungsi ini berjalan & sedangkan false sebaliknya.
Penggunaannya cukup mudah, hanya cukup menambahkan tag contenteditable='true|false' pada elemen yang kita inginkan.

Contoh contenteditable pada elemen paragraf
<p contenteditable="true|false">Ini adalah elemen paragraf yang bisa diedit.</p>Ketika attribut contenteditable='true|false' tidak diatur pada elemen, maka elemen akan mewarisi style/gaya dari elemen induknya. Lalu bagaimana dengan Placeholder?? Seperti yang kita ketahui juga, bahwa tag placeholder='' ini hanya bekerj…

TypoTerapi Blogger Template

Pada kesempatan kali ini, Males Code mau membagikan sebuah project yang sebenarnya sudah lama selesai dikerjakan dalam 2 hari, namun kali ini kesempatannya kesampaian.

Sebuah Template Sederhana yang saya bilang cukup menarik dikarena memiliki fitur:
AMP (Memungkinkan Load di Mobile Lebih Cepat)Mobile FriendlyFast LoadInshaallah Full SEO ^_^Free
Live Demo | [Link Download Segera Menyusul Sesuai Permintaan ^_^]
Jika kamu berkenaan untuk menyumbangkan sumbangsinya sebagai bentuk upaya terima kasih. Kamu bisa lakukan pembayaran Via Pulsa ke sini: 082277107703
Sekian, jika ada pertanyaan dalam penggunaan template, silahkan gunakan form komentar dibawah, teirma kasih ^_^

CSS Box Shadow - Membuat Bayangan Pada Elemen Tertentu

Css Box Shadow adalah salah satu property dari css3 yang berfungsi untuk memberikan efek bayangan pada elemen tertentu pada sebuah web.

Nilai Properti *nilai negatif pada value diizinkan
NilaiDeskripsiNoneNilai awal, tidak ada bayangan yang ditampilkanh-shadowPenting, Berfungsi untuk mengatur bayangan secara horizontal*v-shadowPenting, Berfungsi untuk mengatur bayangan secara vertikal*blurOpsional, untuk mengatur jarak blurspreadOpsional, untuk mengatur ukuran bayangancolorOpsional, untuk mengatur warna bayanganinsetOpsional, untuk membuat bayangan berada didalam elemeninitialSet, untuk membuat setingan secara standarinheritSet, untuk membuat bayangan sama seperti elemen pertama berikut ini adalah contoh dasar penggunaan CSS Box Shadow pada elemen:
Bayangan Diluardiv { -webkit-box-shadow:15px 10px 8px #666; /* Khusus untuk Safari & Chrome */ -moz-box-shadow:15px 10px 8px #666; /* Khusus untuk Firefox */ box-shadow:15px 10px 8px #666; /* Standar W3C */ } Bayangan …