Hidden Site Map

<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> <table cellpadding=0 cellspacing=0 border=0><tr> <td valign="top" height=50 BGCOLOR="#660099" TEXT="#080000"> <div> <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="725" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" ALIGN="LEFT" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=CENTER HEIGHT= 33 ><NOBR><div> <B>Sami's Site: CSB - Trellix Support and Tests</B></div> </NOBR></tD> <tD VALIGN=CENTER WIDTH="71"><div> <A HREF="id95.htm" TARGET="_top" TITLE="Menu Buttons"><IMG SRC="588070e0.png" border=0 width="7" height="14" ALT="previous" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></A>  <IMG BORDER="0" SRC="1x1.gif" HEIGHT="14" ALIGN="BOTTOM" HSPACE="0" VSPACE="0" WIDTH="14">  <A HREF="id137.htm" TARGET="_top" TITLE="Anchors"><IMG SRC="58a070e0.png" border=0 width="7" height="14" ALT="next" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></A></div> </tD> <tD VALIGN=CENTER><NOBR><div> <DIV style="TEXT-ALIGN: center"> <STYLE type=text/css> #rollbutton a { color: #C0DCC0; font-size:12px; font-weight: bold; text-decoration: none; border:2px outset #D3D3D3; background-color:#680098; display: block; width: 85px; height: 19px; padding: 0px; } #rollbutton a:hover { background-color: #C0DCC0; color:#680098; padding-left: 3px; border:2px inset #D3D3D3; } </STYLE> <DIV id=rollbutton> <A href="http://www.samisite.com" title="Samisite.com Home Page" target="_top" onfocus="this.blur()">HOME</A> <A href="http://www.forum.samisite.com" title="Visit the Samisite Webmaster Community Forum" target="_top" onfocus="this.blur()">FORUM</A></DIV> </DIV></div> </NOBR></tD> </tR> </TABLE></div> <div> </div> </td> </tr><tr> <td valign="top" height=430 BGCOLOR="#DDDDDD" TEXT="#080000"> <div> <STYLE>  </STYLE><A HREF="index.htm" TARGET="_top" TITLE="Test Index">Test Index</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id25.htm" TARGET="_top" TITLE="Table 1">Table 1</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id36.htm" TARGET="_top" TITLE="Table 2">Table 2</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id129.htm" TARGET="_top" TITLE="Table 3">Table 3</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id99.htm" TARGET="_top" TITLE="Table 4">Table 4</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id133.htm" TARGET="_top" TITLE="Table 5">Table 5</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id169.htm" TARGET="_top" TITLE="Table Firefox">Table Firefox</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="table_css.htm" TARGET="_top" TITLE="table css">table css</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="layered_tables.htm" TARGET="_top" TITLE="Layered Tables">Layered Tables</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="resorttable.htm" TARGET="_top" TITLE="Resort Table">Resort Table</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id115.htm" TARGET="_top" TITLE="Background Image in Table">Background Image in Table</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="selectionguides.htm" TARGET="_top" TITLE="Selection Guides">Selection Guides</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id28.htm" TARGET="_top" TITLE="Folding Menu Tree">Folding Menu Tree</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id95.htm" TARGET="_top" TITLE="Menu Buttons">Menu Buttons</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><B>Hidden Site Map</B><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id137.htm" TARGET="_top" TITLE="Anchors">Anchors</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id55.htm" TARGET="_top" TITLE="Double Border Detail">Double Border Detail</A></div> <bR> <bR> <div> <B>Hidden Site Map  </B></div> <bR> <div> Surprise your visitors and save the page space at the same time...hide your site map!  It's easy!</div> <div> It is available from all the pages on your site but not taking up valuable space unless your visitor wants to see it.</div> <bR> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="705" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="COLS" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 59 WIDTH="346"><div> Provide an explanation on your main page, or provide a link to an instruction (I put the link to a mini window in a rollover button).</div> </tD> <tD VALIGN=TOP WIDTH="346"><div> You can also provide a direct link to the FULL map page for your site.</div> <div> Use Create Link to URL and  type in index_mf.htm</div> </tD> </tR> <tR> <tD VALIGN=CENTER HEIGHT= 32 WIDTH="346"><div>  <STYLE type=text/css> #rollbutton a { color: #000000; font-size:13px; font-weight: bold; text-decoration: none; border:2px outset light gray; background-color:#CD853F; display: block; width: 85px; height: 26px; padding: 3px; } #rollbutton a:hover { background-color: #F4A460; color:#000000; padding-left: 3px; border:2px inset light gray; } </STYLE> <DIV id=rollbutton> <DIV><A href="javascript:void(0)" ONCLICK="open('id48.htm','miniwin','toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,width=360,height=400')" title="Hidden Site Map!" onfocus="this.blur()"><center>SITE MAP</center></A> </DIV> </DIV>  </div> </tD> <tD VALIGN=CENTER WIDTH="346"><div> <A HREF="index_mf.htm" TARGET="_top" TITLE="index_mf.htm"><B>SITE MAP</B></A></div> </tD> </tR> </TABLE></div> <bR> <bR> <div> <B>How to do it:</B></div> <div> <IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">In your TLX working file, close the map (<B>use F9</B>), or menu choice Map > Hide Main Map.  </div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">If you leave the map open when you publish, it will appear visible on your site at all times.</B></div> <div> <IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Check the box to publish the map with your site </div> <div> <IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Publish  (you must <A HREF="http://www.samisite.com/publish/framesorno.htm" TARGET="_blank" TITLE="http://www.samisite.com/publish/framesor">publish with FRAMES</A>!)</div> <bR> <bR> <div> <B>Map tips:</B></div> <div> <IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Group pages in a logical format</div> <div> <IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Use color to set pages apart</div> <div> <IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Move semi-hidden pages far away from the main map so your visitor doesn't see them without really searching. (I have two pages  that are linked to by others but are not on the main area of the map.  I don't want people accessing them unless they get the right link....ex: the mini window used to describe the site map.  Just drag the edge WAY down and there they are!)</div> <div> <IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">When you publish your map, those pages are ALL accessible to your visitors.  If you want to have truly hidden pages, put them into another TLX file and publish that file to a subdirectory without the map.</div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Place your map on the side or bottom of the page! </B>From Curtis on the CSB discussion board: to move, or dock the map on the side, with the map at the top click the thin strip just above the map area but below the buttons and drag off to the the left or right side of your screen. You'll see a ghosted outline follow your dragging, and when you reach the *sweet spot*, the outline will switch to an up and down rectangle-thats when you release the mouse button.   <A HREF="http://danbricklin.com/history/intro.htm" TARGET="_blank" TITLE="http://danbricklin.com/history/intro.htm">See a sample of side map</A></div> <bR> <bR> <DIV ALIGN="LEFT"></DIV> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="588" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP COLSPAN=3 BGCOLOR=#EEEEEE HEIGHT= 20 WIDTH="568"><div> <B>Samples of some Trellix or CSB site maps that talk:</B></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#EEEEEE HEIGHT= 72 ><NOBR><div> <A HREF="http://www.synapseadaptive.com/joel/welcomeapage_mf.htm" TARGET="_blank" TITLE="http://www.synapseadaptive.com/joel/welc">Dragon Naturally Speaking</A></div> <div> <A HREF="http://www.gooddocuments.com/icreport/introductionnintro_mf.htm" TARGET="_blank" TITLE="http://www.gooddocuments.com/icreport/in">Starr Report</A></div> <div> <A HREF="http://members.aol.com/mrwoogs/index_mf.htm" TARGET="_blank" TITLE="http://members.aol.com/mrwoogs/index_mf.">Cocoa Beans</A></div> <div> <A HREF="http://www.noesis.se/etrade/delivery/id115_mf.htm" TARGET="_blank" TITLE="http://www.noesis.se/etrade/delivery/id1">The eTrade initiative</A></div> </NOBR></tD> <tD VALIGN=TOP BGCOLOR=#EEEEEE><NOBR><div> <A HREF="http://www.deenalarsen.net/pines/index_mf.htm" TARGET="_blank" TITLE="http://www.deenalarsen.net/pines/index_m">Pines at Walden Pond</A></div> <div> <A HREF="http://www.vet.purdue.edu/bms/intl/Egypt/id1_mf.htm" TARGET="_blank" TITLE="http://www.vet.purdue.edu/bms/intl/Egypt">Egypt externship</A></div> <div> <A HREF="http://www.eos.tuwien.ac.at/Oeko/RSchild/Rules/id226_mf.htm" TARGET="_blank" TITLE="http://www.eos.tuwien.ac.at/Oeko/RSchild">AirTraffic Control</A></div> <div> <A HREF="http://www.desiringgod.org/dg/id1_mf.htm" TARGET="_blank" TITLE="http://www.desiringgod.org/dg/id1_mf.htm">Desiring God</A></div> </NOBR></tD> <tD VALIGN=TOP BGCOLOR=#EEEEEE WIDTH="214"><div> <A HREF="http://www.jhalpin.com/constitution1/id71_mf.htm" TARGET="_blank" TITLE="http://www.jhalpin.com/constitution1/id7">Constitution</A></div> <div> <A HREF="http://o-t-g.com/jol_resume/take_mf.htm" TARGET="_blank" TITLE="http://o-t-g.com/jol_resume/take_mf.htm">NUOTG Resume</A></div> <div> <A HREF="http://www.cuaa.edu/~lcliger/youthmin_mf.htm" TARGET="_blank" TITLE="http://www.cuaa.edu/~lcliger/youthmin_mf">Youth ministry</A></div> <div> <A HREF="http://www.louis.sander.com/sitemap.htm" TARGET="_blank" TITLE="http://www.louis.sander.com/sitemap.htm">Louis Sander</A></div> </tD> </tR> </TABLE></div> <bR> <bR> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="744" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 448 WIDTH="732"><div> <B>Code for rollover button</B></div> <div> <B>Just change the colors and the page address of the popup window to suit need and insert into a webgem (Insert > HTML).</B></div> <bR> <div> <STYLE type=text/css></div> <div> #rollbutton a  {</div> <div>      color: #<FONT SIZE="1" COLOR="#990000" FACE="Arial" >000000</FONT>;</div> <div>      font-size:13px;</div> <div>      font-weight: bold;</div> <div>      text-decoration: none;</div> <div>      border:2px outset light gray;</div> <div>      background-color:#<FONT SIZE="1" COLOR="#990000" FACE="Arial" >CD853F</FONT>;</div> <div>      display: block;</div> <div>      width: 85px;</div> <div>                 height: 26px;</div> <div>      padding: 3px;</div> <bR> <div> }</div> <div> #rollbutton a:hover {</div> <div>      background-color: #<FONT SIZE="1" COLOR="#990000" FACE="Arial" >F4A460</FONT>;</div> <div>      color:#<FONT SIZE="1" COLOR="#990000" FACE="Arial" >000000</FONT>;</div> <div>      padding-left: 3px;</div> <div>      border:2px inset light gray;</div> <div> }</div> <div> </STYLE></div> <bR> <div> <DIV id=rollbutton></div> <div> <DIV><A href="javascript:void(0)"</div> <div> ONCLICK="open('<FONT SIZE="1" COLOR="#990000" FACE="Arial" >id48.htm</FONT>','miniwin','toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,width=360,height=400')" title="Hidden Site Map!" onfocus="this.blur()"><center>SITE MAP</center></A> </DIV></div> <div> </DIV></div> </tD> </tR> </TABLE></div> <bR> <bR> </td> </tr></table></body>