Customizing Individual Images & Spacing for the Navigation Bar
Return to Introduction  Previous page  Next page


You have control over each button/link on the Navigation Bar and how it is displayed.

embim11

Here you can manipulate the following:

The Type of Link  
You can select Button, Image, Text, or just a Space.  
 
Align  
You can align each individual component to the left, right or center of its individual table cell.  
 
Cell Width  
You can set each individual component inside a specific cell with. For example, if your first component is a logo (image) and the width of the image is 240 pixels, you can control this individually.  
 
Name  
Use the pull-down menu to select the name of the link.  
 
Alt Text  
Type the alternative text. This text appears when a user holds the mouse over the button, or if the user has images turned off. It also assists with Search Engine Placement.  
 
Image Width  
Enter the width (in pixels) of the image.  
 
Image Height  
Enter the height (in pixels) of the image.  
 
Font Face  
If using text for the links rather than images or buttons, enter the font face you want to use.  
 
If you want to use the fonts Arial or Helvetica, simply enter:  
arial, helvetica  


Font Size  
If using text for the links rather than images or buttons, enter the font size you want to use. This is normally entered as 1, 2, 3, etc.  
 
Font Color  
You can enter a specific Hex color (i.e. #CC0000) or click the embim12 button to choose a generic color.  
 
Link  
This is the destination link the user is taken to when he/she clicks on the text, image or button. For example, to send the user to the storefront, you can enter:  

<A HREF="%VAR(g.sessionurl)%Screen=SFNT">  
 

Note that you may need to code some links to access those screens securely, and some links require that the Session_ID (unique identifier of the shopping session) in order for the customer's visit to work appropriately. To do so, you'll want to use specific tokens.

 


Send feedback on this documentation.
© 2003 - 2000 Darren Ehlers & OpenUI Developer Consortium