"Fossies" - the Fresh Open Source Software Archive

Member "xaralx/share/xaralx/doc/en/xarax/Creating_a_backbar.htm" (27 Jul 2006, 12937 Bytes) of package /linux/misc/old/xaralx0.7_rev1785.tar.gz:


As a special service "Fossies" has tried to format the requested source page into HTML format using (guessed) HTML source code syntax highlighting (style: standard) with prefixed line numbers. Alternatively you can here view or download the uninterpreted source code file.

    1 <!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
    2 
    3 <html>
    4 
    5 <!--(==============================================================)-->
    6 <!--(Document created with RoboEditor. )============================-->
    7 <!--(==============================================================)-->
    8 
    9 <head>
   10 
   11 <title>Creating a BackBar</title>
   12 
   13 <!--(Meta)==========================================================-->
   14 
   15 <meta http-equiv=content-type content="text/html; charset=windows-1252">
   16 <meta name=copyright value="ę1995-2004 Xara Group Ltd.">
   17 <meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
   18 <meta name=generator-major-version content=0.1>
   19 <meta name=generator-minor-version content=1>
   20 <meta name=filetype content=kadov>
   21 <meta name=filetype-version content=1>
   22 <meta name=page-count content=1>
   23 <meta name=layout-height content=586>
   24 <meta name=layout-width content=865>
   25 
   26 
   27 <!--(Links)=========================================================-->
   28 
   29  <link rel='stylesheet' href='../xarax_ns.css'>
   30 <script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
   31 <!--
   32 if (navigator.appName !="Netscape")
   33 {   document.write("<link rel='stylesheet' href='../xarax.css'>");}
   34 //-->
   35 </script>
   36 <style type="text/css">
   37 <!--
   38 img_whs1 {width: 7px; height: 9px; border-style: none; border-style: none;}
   39 img_whs2 {width: 16px; height: 16px; border-style: none; border-style: none;}
   40 -->
   41 </style>
   42 <script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
   43 <!--
   44 function reDo() {
   45   if (innerWidth != origWidth || innerHeight != origHeight)
   46      location.reload();
   47 }
   48 if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
   49     origWidth = innerWidth;
   50     origHeight = innerHeight;
   51     onresize = reDo;
   52 }
   53 onerror = null; 
   54 //-->
   55 </script>
   56 <style type="text/css">
   57 <!--
   58   div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
   59 -->
   60 </style>
   61 <script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
   62 <script type="text/javascript" language="javascript" src="../whver.js"></script>
   63 <script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
   64 <script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
   65 <script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
   66 </head>
   67 
   68 <!--(Body)==========================================================-->
   69 
   70 
   71 <body>
   72 
   73 <script type="text/javascript" language="javascript1.2">
   74 <!--
   75 if (window.gbWhTopic)
   76 {
   77     if (window.addTocInfo)
   78     {
   79     addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
   80 
   81     }
   82     if (window.writeBtnStyle)
   83         writeBtnStyle();
   84 
   85     if (window.writeIntopicBar)
   86         writeIntopicBar(1);
   87 
   88     if (window.setRelStartPage)
   89     {
   90     setRelStartPage("../xaralx.htm");
   91 
   92         autoSync(1);
   93         sendSyncInfo();
   94         sendAveInfoOut();
   95     }
   96 }
   97 else
   98     if (window.gbIE4)
   99         document.location.reload();
  100 //-->
  101 </script><!--(Generated Script Links)========================================-->
  102 <!--(Generated Code)================================================-->
  103 <!--(WARNING: DO NOT EDIT OR DELETE THIS SECTION!)==================-->
  104 
  105 <script type="text/javascript" language="JavaScript1.2" src="../ehlpdhtm.js" x-save-method="compute-relative" name="EHELP_DHTM"></script>
  106 <script type="text/javascript"
  107         language=JavaScript1.2>
  108 <!-- 
  109 if( typeof( kadovInitEffects ) != 'function' ) kadovInitEffects = new Function();if( typeof( kadovInitTrigger ) != 'function' ) kadovInitTrigger = new Function();if( typeof( kadovFilePopupInit ) != 'function' ) kadovFilePopupInit = new Function();if( typeof( kadovTextPopupInit ) != 'function' ) kadovTextPopupInit = new Function();
  110  //-->
  111 </script>
  112 
  113 
  114 <!--(==============================================================)-->
  115 
  116 
  117 <p class=How-Title
  118     style="line-height: 12.00pt;">Creating a Navigation Bar BackBar</p>
  119 
  120 <p class=Base>The <a href="IDH_Tool_NavBar.htm">Button &amp; NavBar Tool</a> 
  121  lets you create multi-button <a href="javascript:void(0);" id="A1" onMouseOver="if (parseInt(navigator.appVersion) >= 4 && typeof(BSPSPopupOnMouseOver) == 'function') BSPSPopupOnMouseOver(event);" class="BSSCPopup" onclick="BSSCPopup('Definition_Navbar.htm');return false;">navigation bars</a><script 
  122  type="text/javascript"
  123     language=JavaScript1.2><!--
  124 kadovFilePopupInit('A1');
  125 //--></script> 
  126  for web pages. You can also create a BackBar, which is a design that appears 
  127  behind the buttons. Exporting the buttons also exports the BackBar.</p>
  128 
  129 <p class=How-Title
  130     style="line-height: 12.00pt;"><img src="../image/PRCARROW.gif" alt="image\PRCARROW.gif" width="7px" height="9px" border="0" class="img_whs1">&nbsp;To create a BackBar:</p>
  131 
  132 <p class=Base>You can create the BackBar either when you create the buttons 
  133  or separately. Use the method you prefer.</p>
  134 
  135 <p class=Base><span style="font-weight: bold;"><B>Creating the BackBar when 
  136  you create the buttons:</B></span></p>
  137 
  138 <p class=Base>(This is our recommended way of creating a BackBar.)</p>
  139 
  140 <p class=How-Number-List>1.&nbsp;Create the BackBar object(s) in the regular 
  141  way. </p>
  142 
  143 <p class=How-Number-List>2.&nbsp;The BackBar is created from the rear-most 
  144  object. If you want to use several objects in the BackBar design, you 
  145  must <a href="javascript:void(0);" id="A2" onMouseOver="if (parseInt(navigator.appVersion) >= 4 && typeof(BSPSPopupOnMouseOver) == 'function') BSPSPopupOnMouseOver(event);" class="BSSCPopup" onclick="BSSCPopup('IDH_Definition_Group.htm');return false;">group</a><script type="text/javascript"
  146                                                     language=JavaScript1.2><!--
  147 kadovFilePopupInit('A2');
  148 //--></script> 
  149  them - see <a href="IDH_How_Grouping_Objects.htm">Grouping objects</a>. 
  150  If necessary, move the BackBar object or group behind the button design 
  151  - see <a href="IDH_How_Forwards_and_Backwards.htm">Moving objects backwards 
  152  and forwards</a>.</p>
  153 
  154 <p class=How-Number-List>3.&nbsp;Select the BackBar object or group and 
  155  the button design - see <a href="Selecting_navigation_bar_objects.htm">Selecting 
  156  navigation bar objects</a>.</p>
  157 
  158 <p class=How-Number-List>4.&nbsp;Open the NavBar Properties dialog box 
  159  by clicking <span style="font-weight: bold;"><B>New</B></span> on the <a href="javascript:void(0);" id="A3" onMouseOver="if (parseInt(navigator.appVersion) >= 4 && typeof(BSPSPopupOnMouseOver) == 'function') BSPSPopupOnMouseOver(event);" class="BSSCPopup" onclick="BSSCPopup('Definition_NavBar_Tool_Infobar.htm');return false;">NavBar Tool Infobar</a><script type="text/javascript"
  160                                                             language=JavaScript1.2><!--
  161 kadovFilePopupInit('A3');
  162 //--></script>. 
  163  (<a href="IDH_NavBar_Create_Dialog_Box.htm">General information on this 
  164  dialog box</a>.)</p>
  165 
  166 <p class=How-Number-List>5.&nbsp;In this dialog box select <span style="font-weight: bold;"><B>Make 
  167  BackBar from backmost object</B></span>.</p>
  168 
  169 <p class=How-Number-List>6.&nbsp;Click <span style="font-weight: bold;"><B>Create</B></span>. 
  170  This creates the buttons and stretches the BackBar object or group to 
  171  match the size of the navigation bar.</p>
  172 
  173 <p class=How-Number-List>&nbsp;The BackBar object or group moves to a special 
  174  layer called BackBar and has the name <span style="font-weight: bold;"><B>BackBarN</B></span> 
  175  (where N is a number). You can see this name in the <a href="IDH_Gallery_Name.htm">Name 
  176  Gallery</a>. </p>
  177 
  178 <p class=Base><span style="font-weight: bold;"><B>Creating the BackBar separately:</B></span></p>
  179 
  180 <p class=Base>You can also create the BackBar after creating the navigation 
  181  bar.</p>
  182 
  183 <p class=How-Number-List>1.&nbsp;Create the BackBar object(s) in the regular 
  184  way (see Note). Using this method you do not need to group the object(s) 
  185  or move them to the back.</p>
  186 
  187 <p class=How-Number-List>2.&nbsp;Select the BackBar object(s) - see <a href="Selecting_navigation_bar_objects.htm">Selecting navigation bar objects</a>.</p>
  188 
  189 <p class=How-Number-List>3.&nbsp;Open the NavBar Properties dialog box 
  190  by clicking <span style="font-weight: bold;"><B>Bar properties</B></span> on 
  191  the <a href="javascript:void(0);" id="A4" onMouseOver="if (parseInt(navigator.appVersion) >= 4 && typeof(BSPSPopupOnMouseOver) == 'function') BSPSPopupOnMouseOver(event);" class="BSSCPopup" onclick="BSSCPopup('Definition_NavBar_Tool_Infobar.htm');return false;">NavBar Tool Infobar</a><script type="text/javascript"
  192     language=JavaScript1.2><!--
  193 kadovFilePopupInit('A4');
  194 //--></script>. 
  195  (<a href="IDH_NavBar_Create_Dialog_Box.htm">General information on this 
  196  dialog box</a>.)</p>
  197 
  198 <p class=How-Number-List>4.&nbsp;Click <span style="font-weight: bold;"><B>Create 
  199  BackBar</B></span>. The BackBar object(s) move to a special layer called BackBar 
  200  and have the name <span style="font-weight: bold;"><B>BackBarN</B></span> (where 
  201  N is a number). You can see this name in the <a href="IDH_Gallery_Name.htm">Name 
  202  Gallery</a>.</p>
  203 
  204 <p class=Base><span style="font-weight: bold;"><B>Notes:</B></span></p>
  205 
  206 <p class=How-Number-List><img src="../image/BULLET.gif" alt="image\BULLET.gif" width="16px" height="16px" border="0" class="img_whs2">&nbsp;To get the positioning correct, 
  207  it is usually easier to create your BackBar behind the navigation bar 
  208  buttons. (Otherwise the BackBar is in front of the buttons and obscures 
  209  them.) The buttons are in special <a href="javascript:void(0);" id="A5" onMouseOver="if (parseInt(navigator.appVersion) >= 4 && typeof(BSPSPopupOnMouseOver) == 'function') BSPSPopupOnMouseOver(event);" class="BSSCPopup" onclick="BSSCPopup('IDH_Definition_Layer.htm');return false;">layers</a><script 
  210  type="text/javascript"
  211     language=JavaScript1.2><!--
  212 kadovFilePopupInit('A5');
  213 //--></script> 
  214  called <span style="font-weight: bold;"><B>MouseOff</B></span>,<span style="font-weight: bold;"><B> 
  215  MouseOver</B></span>, <span style="font-weight: bold;"><B>MouseDown</B></span>, and 
  216  <span style="font-weight: bold;"><B>Selected,</B></span> which are usually behind 
  217  the layer you are using. You therefore need to <a href="IDH_How_Creating_layers.htm">create 
  218  a new layer</a> and <a href="IDH_How_Re_ordering_Layers.htm">move it</a> 
  219  behind the special layers.</p>
  220 
  221 <p class=How-Number-List><img src="../image/BULLET.gif" alt="image\BULLET.gif" width="16px" height="16px" border="0" class="img_whs2">&nbsp;If the BackBar is the same 
  222  width as the buttons (vertical bars) or same height (horizontal bars), 
  223  you could create just the ends of the BackBar which are the areas the 
  224  viewer sees). We do not recommend this because of possible <a href="javascript:void(0);" id="A6" onMouseOver="if (parseInt(navigator.appVersion) >= 4 && typeof(BSPSPopupOnMouseOver) == 'function') BSPSPopupOnMouseOver(event);" class="BSSCPopup" onclick="BSSCPopup('IDH_Definition_Anti_Aliasing.htm');return false;">anti-aliasing</a><script type="text/javascript"
  225                                                         language=JavaScript1.2><!--
  226 kadovFilePopupInit('A6');
  227 //--></script> 
  228  effects between buttons. We recommend creating a BackBar that runs the 
  229  full length/height of the bar.</p>
  230 
  231 <p class=Movie-Title>MovieŚclick below (not working in this version)</p>
  232 
  233 <p class=Demo-buttons>
  234 
  235 <img src="../ss_btn_0.gif" border=0 height=14 width=14 alt="">
  236 
  237 
  238  Creating Navigation Bars</p>
  239 
  240 <p class=Related-Topics-Title>_______________</p>
  241 
  242 <p class=Related-Topics-Title>
  243 
  244 <a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PickupDialog_Invoke) == 'function') PickupDialog_Invoke(e,'','Bar Properties Dialog Box','IDH_NavBar_Create_Dialog_Box.htm','Button & NavBar Tool Overview','IDH_Tool_NavBar.htm','Creating Navigation Bars','IDH_Overview_Bars.htm','Creating rollover buttons','Creating_rollover_buttons.htm','Creating Rollovers','IDH_Overview_Rollovers.htm','Deleting a navigation bar button','Deleting_a_navigation_bar_button.htm','Deleting a rollover button state','Deleting_a_rollover_button_state.htm','Live stretching & Set new design','Live_stretching___Set_new_design.htm','Macromedia Dreamweaver support for Navigation Bars','Macromedia_Dreamweaver_support_for_Navigation_Bars.htm','NavBar Set New Design Dialog Box','IDH_NavBar_Edit_Design_Dialog_Box.htm','Previewing bitmaps in a browser','Previewing_bitmaps_in_a_browser.htm');return false;" title=""><img src="../ss_btn_0.gif" border=0 height=14 width=14 alt=""></a>
  245 
  246 
  247  Related Topics</p>
  248 
  249 <script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
  250 if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
  251   WritePopupMenuLayer();
  252 //--></script><script type="text/javascript" language="javascript1.2">
  253 <!--
  254 if (window.writeIntopicBar)
  255     writeIntopicBar(0);
  256 //-->
  257 </script>
  258 </body>
  259 
  260 </html>