nonaktifkan kode tanpa harus mengapus kode

15 Des 2013

nonaktifkan kode tanpa harus mengapus kode

Kadang kala bila kita sudah tidak memerlukan lagi sebuah kode yang kita lakukan adalah dengan cara menghapus kode tersebut karena di anggap sudah tidak diperlukan lagi. tapi dengan menghapus kode tersebut bila di kemudian hari kita memerlukan lagi justru akan memakan waktu untuk memasang nya kembali.

Dengan me nonaktif kan tanpa menghapus justru akan lebih efesien dari segi waktu dan tenaga. Sebagai contoh, di sini saya me non aktif kan elemen css pada #site-nav tanpa menghapus kode #site-nav

kode sebelum di nonaktifkan

123456789101112131415161718192021222324252627282930313233#site-nav {
  padding:5px 5px 0;
  margin:0 0 8px;
  line-height:20px;
  height:20px;
}
#site-nav li {
  float:left;
}
#site-nav a {
  display:block;
  padding:0 .7em;
  margin-right:4px;
  background-color:#2C2724;
  text-transform:uppercase;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  font-weight:bold;
  -webkit-transition:all .2s ease-out;
  -moz-transition:all .2s ease-out;
  -ms-transition:all .2s ease-out;
  -o-transition:all .2s ease-out;
  transition:all .2s ease-out;
}
#site-nav a:hover {
  background-color:#6B6044;
  color:white;
  text-decoration:none;
  -webkit-box-shadow:0 0 3px black;
  -moz-box-shadow:0 0 3px black;
  box-shadow:0 0 3px black;
}

Untuk menonaktifkan cukup meletakan kode ini /* pada awal elemen dan meletakan kode ini */ pada akhir elemen. sehingga menjadi seperti di bawah ini

kode sudah di non aktif kan

1234567891011121314151617181920212223242526272829303132333435/*
#site-nav {
  padding:5px 5px 0;
  margin:0 0 8px;
  line-height:20px;
  height:20px;
}
#site-nav li {
  float:left;
}
#site-nav a {
  display:block;
  padding:0 .7em;
  margin-right:4px;
  background-color:#2C2724;
  text-transform:uppercase;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  font-weight:bold;
  -webkit-transition:all .2s ease-out;
  -moz-transition:all .2s ease-out;
  -ms-transition:all .2s ease-out;
  -o-transition:all .2s ease-out;
  transition:all .2s ease-out;
}
#site-nav a:hover {
  background-color:#6B6044;
  color:white;
  text-decoration:none;
  -webkit-box-shadow:0 0 3px black;
  -moz-box-shadow:0 0 3px black;
  box-shadow:0 0 3px black;
}
*/

Cara di atas baru pada css nya dan harus di barengi dengan menonaktifkan pada bagian html nya

HTML yang masih aktif

12345678<nav class='site-nav' id='site-nav'>
          <ul class='nav'>
            <li><a href='/'>Beranda</a></li>
            <li><a href='#'>Menu 1</a></li>
            <li><a href='#'>Menu 2</a></li>
            <li><a href='#'>Menu 3</a></li>
          </ul>
        </nav>

HTML yang nonaktif

12345678<!-- nav class='site-nav' id='site-nav'>
          <ul class='nav'>
            <li><a href='/'>Beranda</a></li>
            <li><a href='#'>Menu 1</a></li>
            <li><a href='#'>Menu 2</a></li>
            <li><a href='#'>Menu 3</a></li>
          </ul>
        </nav -->

Perhatikan kode yang di block !-- untuk di awal sesudah < dan kode yang di block -- untuk di akhir sebelum >

Itulah cara nonaktifkan kode tanpa harus mengapus kode semoga ulasan di atas mudah di pahami

css - html

Taufik 00.43