Altering text on 'template' navigation bars

Is there any way in iWeb 9 to alter the text - font, color, size - in the template navigation bars. I remember it wasn't possible in earlier versions.
I know I can create my own navigation bar, but then there is no automatic process when building the separate pages (other than hand copying the navigation bar from page to page).
All ears,
Ben

It can be done, but it means altering javascript code - how are you at doing that?
Do a search of the site and there have been lots of questions relating to how to alter the page template nav bars over the past month - lots should come up and just have a look at the code that has been posted.
You either do this or build your own text based nav bar. I know it is a little more fiddly but does not really take that long - I build my own all the time for both my sites and I don't find it time consuming - you can always just build one page and duplicate to save time.

Similar Messages

Template navigation bar

Hello, I’m new to dreamweaver so please excuse me for
what may be a stupid question. I have previously used golive, now
using dw cs3. I have created a site based on a template file
everything working fine. I was wondering if there was any way
possible of having the navigation bar (created in the template)
appear in the down or visited state when you entered a specific
page or do I have to insert a separate navigation bar in each
individual page. Can someone guide me if this is possible or has
anyone any suggestions? Thanks

It's quite simple, but we would need to know how you have
built your
navigation, and what your skill level is with HTML and CSS
first. Can you
post a link to the page, and tell us how well you know the
underlying
technology?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Liam McGrath" <[email protected]> wrote in
message
news:gkia5r$a39$[email protected]..
> Hello, I?m new to dreamweaver so please excuse me for
what may be a stupid
> question. I have previously used golive, now using dw
cs3. I have created
> a
> site based on a template file everything working fine. I
was wondering if
> there
> was any way possible of having the navigation bar
(created in the
> template)
> appear in the down or visited state when you entered a
specific page or do
> I
> have to insert a separate navigation bar in each
individual page. Can
> someone
> guide me if this is possible or has anyone any
suggestions? Thanks
>

Bug with template + navigation bar

Greetings...
I have created a site with DW CS3 and like many others before
me, i can't edit a navigation bar added to the editable area of a
page that uses my template.
I can create one and save everything but i can't modify
afterward.
I always get the "making this change would require changing
code that is locked by a template..." window.
Thanks for any help

It's quite simple, but we would need to know how you have
built your
navigation, and what your skill level is with HTML and CSS
first. Can you
post a link to the page, and tell us how well you know the
underlying
technology?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Liam McGrath" <[email protected]> wrote in
message
news:gkia5r$a39$[email protected]..
> Hello, I?m new to dreamweaver so please excuse me for
what may be a stupid
> question. I have previously used golive, now using dw
cs3. I have created
> a
> site based on a template file everything working fine. I
was wondering if
> there
> was any way possible of having the navigation bar
(created in the
> template)
> appear in the down or visited state when you entered a
specific page or do
> I
> have to insert a separate navigation bar in each
individual page. Can
> someone
> guide me if this is possible or has anyone any
suggestions? Thanks
>

Justify Hyperlink Text in Navigation Bar

Hello,
I am trying to justify the text of my navigation bar (which are all hyperlinks). I would like to use css. I have tried a variety of things but none seem to work. I have attached the text. If anyone could write the code I need it would be greatly appreciated! Thanks! I have attached the file as well.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Shupaca Handmade Alpaca Clothing</title>
<link href="Shupaca.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
<script type="text/javascript">

</script>
</head>
<body onload="MM_preloadImages('Images/Home Page Links/scarf.jpg')">
<div class="MarginControl">
<div id="NavigationBar">
    <a href="index.html" target="_self">Home </a><a href="scarves.html" target="_self">products </a><a href="construction.html" target="_self">who we are </a> <a href="construction.html" target="_self">why alpaca? </a><a href="construction.html" target="_self">FAQ's </a><a href="mailto:[email protected]">contact</a><a href="construction.html" target="_self"></a></p>
</div>
</div>
</body>
</html>

As you will see though, by making the menu text so large, the interval between menu items looks all off. Eithr dramatically red
uce the text size, or you can set the width of each individual li by giving some an id and specifying width:
<div id="NavigationBar">
<ul>
    <li><a href="index.html">Home</a></li>
    <li id="prod"><a href="scarves.html">products</a></li>
    <li id="who"><a href="construction.html">who we are</a></li>
    <li id="why"><a href="construction.html">why alpaca</a></li>
    <li><a href="construction.html">FAQ's</a></li>
    <li><a href="construction.html">contact</a></li>
</ul>
</div>
wtih this css - the changes in orange
#NavigationBar a {
    color: #666;
    font-family: Arial verdana sans-serif;
    font-size: 20px;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
#NavigationBar a:hover, #NavigationBar a:active, #NavigationBar a:focus {
    color: #84cbe1;
#NavigationBar ul {
    list-style: none;
    width: 850px;
#NavigationBar li {
    text-align: center;
    padding: 0px;
    float: left;
    width: 118px;
#NavigationBar li#who, #NavigationBar li#why {
    width: 180px;
#NavigationBar li#prod {
    width: 136px;
Hope that helps.
E. Michael Brandt
www.divahtml.com
www.divahtml.com/products/scripts_dreamweaver_extensions.php
Standards-compliant scripts and Dreamweaver Extensions
www.valleywebdesigns.com/vwd_Vdw.asp
JustSo PictureWindow
JustSo PhotoAlbum, et alia

Navigation Bar Question in Dreamweaver

How do put text on the links in the navigation bar in dreamweaver - this is text the person would see when they rollover the link in the navigation bar

There are two attributes that may be used to place text on a navigation bar in Dreamweaver but I would strongly urge you to not create navigation that is not easy for the visitor to figure out.
The first is through the use of an alt tag thusly:
<a href="where_this_links_to"><<img src="images/your_nav_image" alt="What_the_link_is" /> </a>
This will be picked up in Firefox.
You may use the title attribute for all other browsers, which will cause a tool tip to appear after a certain hover time thusly:
<a href="where_this_links_to"><<img src="images/your_nav_image" alt="What the link is" title="What the link is" /> </a>
alt tags are required for screen readers to assist persons without sight and title tags are generally used to make what is not apparent, apparent.
Again, if your navigation is not understandable, your website design should be corrected so that it is.

Navigation bar - edit/change

Would like to change the colour of the navigation bar in one of the templates, but don't appear to be able to do so - an I missing something?
If I choose to not display the navigation bar and try to create a new one, then the template loses the space where the template navigation bar was.
Cheers
Neil

After you have go rid of the navigation in Page inspector, go to the Layout menu and increase the Header height to whatever you need.

How can I create a navigation bar in the template so I can change the down state of a button on a page made from the template in DW3?

We're creating pages from a template in DW3. The template includes a header, footer and a navigation bar. We've made the navigation bar an editable region so that we can change the down state of the buttons on pages where it is required. However, when we make a new page from the template and try to change the behaviors of the buttons in the navigation bar it will not allow us to make those changes.

Have you considered using CSS styled text/list menus instead of image rollovers. It isn't hard really and it's actually a much better choice for web accessibility and for search engines to find and follow your links. Here are some links to several CSS menu systems you can try:
CSS Express Drop-Down Menus (tutorial)
http://www.projectseven.com/tutorials/navigation/auto_hide/
CSS Tab Designer creates 60+ CSS Styled Button and Tab Menus (download)
http://www.highdots.com/css-tab-designer/
List-O-Rama (DW Extension)
http://www.dmxzone.com/go?5618
CSS Menu Maker (On-Line Menu Generator)
http://www.cssmenumaker.com/
Pop-Menu Magic2 by PVII (DW extension purchase)
http://www.projectseven.com/products/menusystems/pmm2/index.htm
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Text missing from the navigation bar

hi, i'm really hoping someone can help, as apple tech, say they don't support iweb. i have just started using iweb 09, so i have created a new site and chosen a template, but i have not text displaying in the navigation bar, i can turn it off and on, but not text, if i publish this page to a folder and view it with safari i can see the work welcome in the navigation bar, also in i place a google map wigdit, i can resize it, move, but cant edit, in respect of i have no box to input a post code or address... i have just tried this on my other mac a imac, but brought at xmas and both updated to lasted version of software, and i get the same results...
can anyone advise me...
thanks in advance

What's the URL of your site so we can view the problem first hand?
OT

Display text in navigation bar when user is logged in

Hi all,
I'm (still ) on Apex 4.2.6.
Currently, I have in my page templates, the following snippet:
      <div class="logoBar">
          <img src="#IMAGE_PREFIX#themes/theme_125/images/logo_.png" />
          <h1><a href="#HOME_LINK#" id="uLogo">#LOGO#</a></h1>
        <div class="userBlock">
          <span>Username: &APP_USER.</span>
          #NAVIGATION_BAR#
        </div>
      </div>
I have the requirement to display both the username (APP_USER) and the company the user works for (Application item AI_COMPANY), only when the user is logged in. When the user isn't logged in; instead of those items, I have to show a login link. Well, I know how to only show a link to the login page, when the user isn't authenticated, using the navigation bar. Currently, when a user isn't authenticated; the page shows: Username: nobody. That's because it is in my page template. How can I only show the username when the user is logged in? And show the company name only then?
My first thought was to add an item in the navigation bar. But those items shows up as links. Is there a way to add a navigation bar item, and let it display as text? Sure, I could write a dynamic action on page 0 to remove the link, but I'm searching for a nicer/better sollution.
I apreciate your help!

Hi tomvdduin,
you can show company name which is already in your Application item(AI_COMPANY) by modifying the page template mentioned above.
<div class="logoBar">
<img src="#IMAGE_PREFIX#themes/theme_125/images/logo_.png" />
    <h1><a href="#HOME_LINK#" id="uLogo">#LOGO#</a></h1>
<div class="userBlock">
    <span>Username: &APP_USER.(&AI_COMPANY.)</span>
    #NAVIGATION_BAR#
</div>
</div>
I have included company inside ( ), you can change how you want to show.
for example
<span>Username: &APP_USER.</span><span>Company: &APP_COMPANY.</span>
Hope this helps you,
Regards,
Jitendra

Navigation Bar text colour

Hi- is it possible to change the navigation bar colour ? I've been trying but not discovered how to. I started with the white template.
Thankx, Kay.

Kay:
It's not a normal user controlled item. It's generated by javascript and somewhere in iWeb's themes packages there's a .js file that you can edit to make some changes. It's not for the faint of heart.
However, you can make your on text based navbar and have any font (web safe), color, roll over color, etc. like in this demo page.
OT

How to disable placeholder text in the URL and search fields of the navigation bar?

Everytime I open a new tab (frequently, home page is set to blank) I have to look at "Go to a Website" in the navigation bar. The search field shows the name of the currently active search engine until text is inputed. All I want is to be able to do is disable the placeholder text, showing both fields as blank.

Thank you. Worked fine. For anyone who comes across this in the future, change "graytext" to "transparent" to hide the placeholder all the time. As is above, the placeholder shows when the mouse points at the box.

Modifying a navigation bar in a template

My previous question was so muddled up that I found it hard
to understand the question. I will try again.
What I want to do is create a template with a navigation bar
- in this nav bar, I will have several categories (buttons e.g.
range 1, range 2, range 3, etc.)
can I add another category (range 4) to the original template
and when I do, will this update all pages that used the existing
template?
all of the buttons are linking to other pages (which in turn
will have this naigation bar) - I hope this is a bit clearer.
Thanks for help so far - much appreciated.
MC

If your navigation elements are not within editable regions,
then changes to
them within the template WILL propagate to all current child
pages.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"MichaelCo" <[email protected]> wrote in
message
news:elfk2t$i6m$[email protected]..
> My previous question was so muddled up that I found it
hard to understand
> the
> question. I will try again.
>
> What I want to do is create a template with a navigation
bar - in this nav
> bar, I will have several categories (buttons e.g. range
1, range 2, range
> 3,
> etc.)
> can I add another category (range 4) to the original
template and when I
> do,
> will this update all pages that used the existing
template?
> all of the buttons are linking to other pages (which in
turn will have
> this
> naigation bar) - I hope this is a bit clearer.
> Thanks for help so far - much appreciated.
> MC
>

Invisible text in navigation bar

When I type something in the navigation bar, I get a list of related pages that I have visited before. The problem is that in Nightly 18, I can see the pages' icons but not the text. All I get is a gray rectangle. If I use the keyboard or the mouse to select one of the invisible results, I got directed correctly to the page. This happens both in Arch linux and in Ubuntu 12.04

That usually indicates a problem with the font that is used and isn't working or missing.
Try to use the DOM Inspector to see which font is used in that section.
*DOM Inspector: https://addons.mozilla.org/firefox/addon/dom-inspector-6622/
* https://developer.mozilla.org/En/DOM_Inspector
* https://developer.mozilla.org/en/Introduction_to_DOM_Inspector
The DOM Inspector (DOMi) has a menu item (Search > Select Element By Click) and a button to "Find a node to inspect by clicking on it" (left icon on the toolbar).
* open the browser window in the DOMi (File > Inspect <b>Chrome</b> Document) and choose the first from the list.
* click the "Find a node to inspect by clicking on it" button and use the keyboard (Alt Tab) or the Task bar to go back to the browser window (do not click in the browser window other than the title bar).
* click that element with the mouse and keep the button pressed until you see a red border to indicate the the DOMi has located that element in the DOM tree.
You need to use the keyboard to get access to the location bar of the Firefox window (Ctrl+L) and type something or press the Down key to open the drop down list.<br />
Once the list is open then you can click an entry and you should see the red focus ring.
Then you can check in the right pane in the DOM Inspector which font is used:
* click the icon with the drop marker in the header and choose "Used Font Faces"

How do I change navigation bar text color?

I want to change the color of the type in the navigation bar, as well as the line/bar below the type. How can I do this?

there are many way to change navbar look-and-feel:
1) by changing template XML, this requires XML knowledge and is a complex process.
2) by changing navbar CSS in page source, this a bit easier but requires post editing.
http://discussions.apple.com/thread.jspa?messageID=5186688&#5186688
3) by javascript, this requires CSS and javascript knowledge:
http://discussions.apple.com/thread.jspa?messageID=8638743&#8638743
4) by manually build your own navbar as roddy and ot mentioned, this requires no knowledge of any kind but it is not very efficient; see my post here:
http://discussions.apple.com/thread.jspa?messageID=8136472&#8136472
5) by AJAX, this requires CSS, javascript and AJAX knowledge; I outlined it in my blog here:
http://www.cyclosaurus.com/Home/CyclosaurusBlog/Entries/2009/9/10iWeb_NavBarWidget.html

Cant see the page links text in my main & side navigation bars

Hi
I published my site to Mme yesterday and I have noticed a few problems have come up. The main problem is my main and side navigation bars. In the top nav bar you cant see all the page links text, they should show up in white. I can only see them when you roll over the page name (this is in grey) and that is the rollover colour. Not sure what to do to get the text colour to stay white all the time so it is always seen once it's been clicked. It just disappears, but is still there if you roll over it
My side nav bar, the text should also all be white and when you roll over it turns red. For some reason when you click on the page link it turns grey and stays grey. I also want the page links to stay white once clicked on
www.bareessentials-waxingformen.co.uk
Please check out my site, you would understand my situation better. I know there are other issues I have to sort out on my site which I am dealing with but this problem with the nav bars have stumped me
Thanks

I didn't notice anything unusual with any of your links. Their color is set with this file:
http://www.bareessentials-waxingformen.co.uk/Site/WELCOME_files/WELCOME.css

Altering text on 'template' navigation bars

Similar Messages

Maybe you are looking for