Tips Tutorial Demo Dan Javascript Sajian Navigasi Samping (Opacity)

Jika Anda ingin konten terlihat buram /gelap (opacity) ketika hidangan navigasi dibuka. Gunakan salah satu script di bawah ini.

<script> function openNav() {     document.getElementById("myNavix").style.width = "250px";     document.body.style.backgroundColor = "rgba(0,0,0,0.4)"; }  function closeNav() {     document.getElementById("myNavix").style.width = "0";     document.body.style.backgroundColor = "white"; } </script>

Khusus pengguna template default Blogger, gunakan script di bawah ini.

<script> function openNav() {     document.getElementById("myNavix").style.width = "250px";     document.getElementById("content-inner").style.backgroundColor = "rgba(0,0,0,0.4)"; }  function closeNav() {    document.getElementById("myNavix").style.width = "0";     document.getElementById("content-inner").style.backgroundColor = "white"; } </script>

Hapus instruksi <div class='content-inner'>, lalu ganti dengan instruksi berikut

<div class='content-inner' id='content-inner'>

Catatan:

• Ganti instruksi warna pada script ("white"), sesuai dengan warna orisinil dari background content-inner template Anda.
• Ganti instruksi marginLeft menjadi marginRight untuk hidangan navigasi slide / geser kanan.

« Kembali