PB Code Zone
Back To Example
<html> <head> <title>DHTML Switchable Sidebar</title> <script language="JavaScript"> <!-- function showHide(obj) { doit = eval("sidebar.all."+obj+".style") if (doit.visibility == 'hidden') {doit.visibility = 'visible'} else {doit.visibility = 'hidden'} } //--> </SCRIPT> <STYLE TYPE="text/css"> <!-- body{background-color:#000000;color:#CC99FF;} h1{color:#CC99FF;font-size:36pt;} h2 {color:#ffffff;text-decoration:shadow;} #topDiv {position:absolute; left:0; top:0; width:110; height:24;font-size:18pt;background-color:#9966FF;color:#9966CC;text-decoration:shadow;z-index:3;} #sideDiv{position:absolute;height:365;width:110;top:42;left:0; color:#6699FF;font-size:18pt;background-color:#CC99FF; text-decoration:shadow;z-index:2;visibility:visible;} #sideDiv2{position:absolute;height:365;width:110;top:42;left:0; color:#6699FF;font-size:18pt;background-color:#CC99FF; text-decoration:shadow;z-index:2;visibility:hidden;} --> </STYLE> </HEAD> <BODY fontsize=large hspace=0 vspace=0> <sidebar width="110"height="385"> <div id="topDiv"align="center"> <hr noshade> <center><a href="javascript:showHide('sideDiv');showHide('sideDiv2')">Swap </a></center> <hr noshade> </div> <div id="sideDiv2"align="center"><h2>CODES</h2><a href="../C1INDEX.html">Code1</a><p><a href="../CINDEX.html">Code 2</a><p><a href="../C3INDEX.html">Code 3</a><p><a href="../LINK.html">Link</a><p><a href="../LINK.html">Link</a><p><a href="../TOOLS.html">Tools</a><p><a href="../LINK.html">Link</a></div> <div id="sideDiv"align="center"><h2>GRAPHICS</h2><a href="../PIC1/">Pic 1</a><p><a href="../PIC2/">Pic 2</a><p><p><a href="../PIC3/">Pic 3</a><p><p><a href="../PIC4/">Pic 4</a><p></div> </sidebar> <center><h1>DHTML Switchable Sidebar</h1> <h2><a href="https://www.angelfire.com/mi4/kcgleams/code/b7.html">Get The Code</a><br></h2><font size="4" color="CC99FF">PUT ALL YOUR RIGHT-SIDE PAGE-CODES, HERE<br>Check Out The Side Bar<br> By Clicking On "Swap"</font></center><spacer type="vertical"height="800"></body></html> <br><br>
TIP
