Announcement

Collapse
No announcement yet.

Adding/Changing Nav bar Icons

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Adding/Changing Nav bar Icons

    Hi there,

    Does anyone know the code for adding a navigation bar (side and top) icon with the mouse rollover highlight and linking to the relevent page. If I add it via a brochure page all I get is a static non-linking slot on the nav bar. I can then find it on the design tag but can't make out the codes from other nav bar slots to copy over and modify.

    The web address is www.bobnbootzmodels.co.uk , and need to change the two grey Nav bars starting with home... i have the new icons (normal and rollover)

    Thanks for any help
    http://www.bobnbootzmodels.co.uk

    #2
    Ensure a working backup is taken first.

    Switch to design tab and click on the grey "log in" button. Navigate to the parent layout, this should be "Horizontal Nav Bar Images"... you will see the underlined purple layouts controlling the existing buttons. To insert the new buttons ensure you are outside any existing green block if .... /block codes and use the following:

    HTML Code:
    <a href="link.html" target="_self" onmouseover="SwapImage('nav_new1','button_highlight.gif')" onmouseout="RestoreImage()"><img src="button_normal.gif" alt="button description" />" border="0" name="nav_new1" /></a>
    where:

    link.html = the link to the page
    nav_new1 = the name of the button.. needs to be unique (next use nav_new2)
    button_highlight.gif = the hover over image
    button_normal.gif = the normal image
    button description = the description of the button link

    The button images need to be stored in the root of the site1 folder (not an images subfolder)


    Bikster
    SellerDeck Designs and Responsive Themes

    Comment


      #3
      Fantastic,

      Thanks very much!
      http://www.bobnbootzmodels.co.uk

      Comment

      Working...
      X