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
#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
/*
#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
<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
<!-- 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
pertamax ga ya.. :p
BalasHapusbegadang :-bd :D
Hapuskalo saya cuman memakai kode ini:
BalasHapus#site-nav {
display:none;
}
itu juga sama mas, itu variasi lain dalam menonaktifkan kode :D
Hapusberarti bisa masuk ya kalo dipasang pada form komentar mas ...
BalasHapussy baru tau kalo /* */ gunanya untuk menonaktif kan. Sy biasanya tambahkan display:none di selector/elemen nya.
BalasHapusKomentar ini telah dihapus oleh pengarang.
Hapussaya kasih contoh lagi pada jquery yang tidak ada css nya, andaikan sementara ini tidak mau menghapusnya tapi ingin di nonaktifkan
BalasHapusjquery yang masih aktif
<script>
//<![CDATA[
$(function() {
var path = window.location.href;
$('nav a').each(function() {
if (this.href === path) {
$(this).addClass('active');
} }); });
})(jQuery);
//]]>
</script>
jquery yang sudah di nonaktif
<!-- script>
//<![CDATA[
$(function() {
var path = window.location.href;
$('nav a').each(function() {
if (this.href === path) {
$(this).addClass('active');
} }); });
})(jQuery);
//]]>
</script -->
untuk yang ada css nya memang bisa menggunakan display:none; akan tetapi hanya menghilangkan wujud nya saja, mesin pun tetap membacanya sebagai sistem / kode dan loading pun sama kaya sebelum display:none;, dengan cara di atas mesin akan menterjemahkan sebagai text biasa yang tiada artinya dan bukan sebagai sistem / kode itu menurut pengamatan saya, bila ada yang menambahkan di persilahkan... dan saya tungggu komentarnya
oke.. sy jadi ngerti.. makasih mas :-b
Hapusmungkin mas ahmad mau menambahkan nya mas ? sharing kecil kecilan lah :D
HapusWeiis Keren..ga kepikiran... tapi apakah ga akan berpangaruh apa2 ..
BalasHapussama sekali ga ada pengaruh nya mas
Hapusoh , mungkin mksud.nya kodenya dibiarkan ada tapi di nonaktifkan
BalasHapusdan bisa digunakan kembali saat dibutuhkan :D hehehe
100 buat mas ega :D he he he
Hapusmantep kang taufik :-bd simple kodenya ^_^
BalasHapus:D
Hapusmaaf mas OOT, gimana caranya agar breadcrumbs tampil di homepage kayak blog ini ?
BalasHapusexample : Home --> semua post
coba buka halaman ini mas :D
Hapushttp://topsmedia.blogspot.com/2013/07/navigasi-breadcrumb-plus-google.html
makasih Mas mau tanya lagi =D gimana caranya menu drop mantul mantul :)
Hapussaya belajar nya di sini mas:
Hapushttp://gsgd.co.uk/sandbox/jquery/easing
yah :( bikin dong tutorialnya, saya nggak tau klo bhs. Inggris =(
Hapustinggal google translate aja mas wkkkkwk
Hapusgoogle translate nggak terlalu bagus Mas :(
Hapusga terlalu bagus apa entenya gamau usaha ? :p
Hapusvery good article, please visit this blog to see cool blog design and website template blog sederhana
BalasHapuskalo saya ctrl + ?
BalasHapusTapi kalau kita ingin menonaktifkan kode yang sudah kita blok atau kita pilih secara sekaligus gimana gan?maksud saya tidak menonaktifkan kode satu per satu.
BalasHapusMantab
BalasHapus