Line 32: | Line 32: | ||
}</code> | }</code> | ||
<p>The above code hides the top nav bar.</p> | <p>The above code hides the top nav bar.</p> | ||
+ | <form> | ||
+ | <input type="checkbox" name="topbar" id="topnavbar" value="topnavbar" onchange="validate2()"> Show top nav bar<br> | ||
+ | </form> | ||
<code>#top_menu_under { | <code>#top_menu_under { | ||
display: none; | display: none; | ||
Line 46: | Line 49: | ||
} else { | } else { | ||
document.getElementById("top_title").style.display = "none"; | document.getElementById("top_title").style.display = "none"; | ||
+ | } | ||
+ | } | ||
+ | function validate2() { | ||
+ | if (document.getElementById('topnavbar').checked) { | ||
+ | document.getElementById("top_menu_14").style.display = "initial"; | ||
+ | } else { | ||
+ | document.getElementById("top_menu_14").style.display = "none"; | ||
} | } | ||
} | } |
Revision as of 05:28, 20 June 2016
H1 Heading
H2 Heading
H3 Heading
#top_title {
display: none;
}
The above code hides the top title and logo bar.
#top_menu_14 {
display: none;
}
The above code hides the top nav bar.
#top_menu_under {
display: none;
}
#content {
margin-left: 0px;
}
The above code removes all margin of the content.