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
>

Similar Messages

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

Adding A Navigation Bar To A Template...

Hello!
I have created a Dreamweaver Template that only needs to have a navigation bar added to it for it to be completed. However, when I click on the area I would like to add it to, click on Insert --> Image Objects --> Navigation Bar, nothing happens. What am I missing?
Thanks!

BigMusicGeek wrote:
I am using Dreamweaver CS4.
The option is there, but the dialog box does not appear.
Thanks!
I would attempt clearing the program cache and see if that does anything to bring back the dialogue box...
http://forums.adobe.com/thread/494811

How do i make a navigation bar for all pages

Hi friends !
I want the same navigation bar to appear on all the web pages of my website. (As these are the common things that all the webpages will have). But I didn't find any option to use the navigation bar as a template.
Will I have to copy and paste the same navigation bar on all the pages (let's say 50 to 60 pages, I will have). It will be very tiresome and tedious job to do.
And also if I make even a minor change in the navigation bar then I will have to change it in all 50-60 pages.
What should I do ?
Please help me in this regard.
Imagine a 100 or 200 page site, perfectly functioning and on the air. Then, one day, you need to add or delete some button, or simply change a link. You need to change the menubar in ALL 200 pages, and then re-publish them all. Quite a work, ah ?
Regards,
Jtechmiami

Although Dreamweaver Templates and Library items are suitable tools for doing this, they're tedious and cumbersome at best. They get old very quickly.
By far the most efficient method is to set your navigation bar up as a Server Side Include (SSI).
SSIs are not Dreamweaver specific, they're a general web technology available on any server.
A good primer here
http://www.projectseven.com/products/menusystems/pmm2/ug-examples/includes/index.htm
Do you already have a hosting account? Does it have PHP available?
jtechmiami wrote:
Imagine a 100 or 200 page site, perfectly functioning and on the air. Then, one day, you need to add or delete some button, or simply change a link. You need to change the menubar in ALL 200 pages, and then re-publish them all. Quite a work, ah ?
Not with SSIs. Simple sitewide menu updates take a few seconds.
You edit a single text file locally (either button labels or a CSS rule for styling the button), upload (1-2 seconds) and every page on the site is instantly updated.
Much better than DW Templates.

Image Object Navigation Bar

Hi.
I am using DWCS3 to insert the navigation bar into my
templates. Everything is woorking smoothly, except one little
problem.
My navigation bar contains rollever images are in different
colors (e.g., red, blue, green) Home | Contact | About Us.
When I clicked on About Us, I would like the rollerover
button stay pressed down (green), so I know that I am visiting the
page.
Does anyone know what I need to tweak to get it to work like
I mentioned above?
thanks.
S

I am finding browsers like IE6 increasingly impossible to
work with, every error that dreamweaver seems to report for browser
compatability seems to be because of this. As far as I know there
is no simple way around this, I will be watching this thread to see
what others have to say though!
I have seen when looking at HTML some site's have a <IF
IE6> or something along them lines, can anyone shed anymore
light?
Thanks,
Dave

Using Insert/Images Objects/Navigation Bar - weird quirks

DW CS4
When I go to the above path in DW to add a navigation bar and add a few elements, the code produced seems fine (I'm talking strictyl about the sentence case of the code - all lowercase). Now if I go to Modify/Navigation Bar to add a few more elements, the additional code is now in a different case (it's in sentense case - first letter capital). For example:
When I first insert a navigation bar, some resulting code is
onmouseover="MM_nbGroup('over','home','','',1)"
but when I go to modify the navigation bar, the additional code added now becomes
onMouseOver="MM_nbGroup('over','galleries','','',1)"
I know how to quickly find/replace to fix this, but this is just weird to me why DW would use two different sentence cases. Is that just a function of the software, or is there some setting I'm missing to make sure ALL code is in lowercase? I already have my default tag case <lowercase>
Test it out yourself and let me know if anyone gets the same results or knows why this is happening.
Thanks...
I just noticed something else... on initial creation, the code includes id="", but when I modify/add to the nav bar, there is no id="" included (I have to manually add that code)... what the crap is going on??

Unicode is the character set encoding -- not the same as DTD.
I can't recreate your experience with DW on Windows Vista.
Here's the code I get from DW -- same as before and after editing the menu...
<!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=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/JavaScript">

</script>
</head>
<body onload="MM_preloadImages('Images/Up-Arrow-64.png','Images/Up-Arrow-64-hover.png')">
<a href="http://alt-web.com" target="_top" onclick="MM_nbGroup('down','group1','Home','Images/Up-Arrow-64.png',1)" onmouseover="MM_nbGroup('over','Home','Images/Up-Arrow-64-hover.png','',1)" onmouseout="MM_nbGroup('out')"><img src="Images/Up-Arrow-64.png" alt="Home" name="Home" width="64" height="64" border="0" id="Home" onload="" /></a>
</body>
</html>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Navigation Bar Image

Hello,
Is there a way to display the image of the navigation bar entry on the top instead of in line
with the text? I tried several things with my moderate html knowledge but didn't get it
working.
Denes Kubicek

Edit your page template and change the "Navigation Bar Entry" attribute.
This is an example of a navigation bar entry sub template:
<td valign="top">#TEXT#</td><td valign="top">
<img src="#IMAGE_PREFIX#themes/theme_9/separator.png"/>
</td>
If you are using a theme upgraded from a 1.5 version of HTML DB this page template attribute may not be supplied; however if you use a 1.6 or 2.0 theme it should be populated.
You have another alternative as well; you can use an HTML DB list to build a navigation bar. You will need to put a region display position in your page template where you have your nav bar; then you can create a list on page 0 and it will show on all pages.
Mike

Can I modify a background color of a template - specifically, the navigation bar background?

can I modify a background color of a template - specifically, the navigation bar background?

iWeb has a great toool :
And it's visible here :
And google is your friend :
http://www.google.com/search?q=what+is+a+HTML+Snippet

Can't Modify Navigation Bar!

Okay, I've played with this for long enough...now I'm
desperate!
I have a template, which is based on another template, and I
have inserted a Navigation Bar. Works fine. BUT, when I try to add
more elements to the Navigation Bar, I get an error message:
"Making this change would requirechanging code that is locked by a
Template or a translator. The change will be discarded." and, as
promised, it promptly disregards all the work I just did. Does
anyone have any ideas? I'd really appreciate it.

Your method seems like it's the wrong approach.
It's easy to do with CSS or with javascript.
With CSS you would have a little stylesheet embedded in the
head of each
page that allows you to set the down state for any given
button (each button
would have a unique id - for example -
<a href="foo.html" id="button1">...<a
href="bar.html" id="button2">
and then your stylesheet would have this -
a#button1 {{ styles }
on one page, and on another this -
a#button2 {{ styles }
See how that works?
With javascript, put this in script tags in the head of the
document -
function P7_downImage() {{
var g7="<imagename>"
var g7url="<pathname>"
if ((g7=MM_findObj(g7))!=null) {{g7.src=g7url;}
and this on the <body> tag
onload="P7_downImage()"
Then on each page you would need to make two edits:
Set g7 to the *name* of the button (not the file name but the
HTML name -
e.g., "productsbutt"), and g7url to the pathname to the
button (e.g.,
"images/nav/button3.gif"), and bada bing, bada boom!
There is an excellent tutorial here -
http://www.projectseven.com/support/answers.asp?id=126
This will allow you to keep the navigation in non-editable
regions of the
template page....
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
==================
"pflew" <[email protected]> wrote in message
news:elfp32$n1d$[email protected]..
>I finally solved my problem, which was I wanted to change
the down image
>for
> each of the buttons on the navigation bar when the page
associated with
> the tab
> was loaded. You cannot do this in a template via modify
/ navigation bar.
> You
> can do it using the tag inspector / behavours.
>
> Hope this helps
>

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
>

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.

Modify navigation bar on the Style

Is it possible to remove unused items on the navigation bar (such as "favorites" and "downloads") on the Style?

No, it's not. That's part of the core system and can't be modified through your phone alone. However, you could look around AppWorld for a theme that would do away with that setup; I know they exist.
I hope that sheds some light on the situation for you.
- If my response has helped you, please click "Options" beside my post and mark it as solved. Clicking the "thumbs up" icon near the bottom of my response would also be appreciated.

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
>

Navigation Bar with template

I'm administering a web site I inherited from someone else
who did not use templates as part of designing. Since I took over
in November 2005 I created a template and began to implement it
little by little on all the pages. I haven't done it to all of them
because I notice that the navigation bar dosen't work the same on
all pages.
home:
http://www.hostos.cuny.edu/cso
home page
working page w/out template:
http://www.hostos.cuny.edu/cso/resource_lab.asp
none working page w/ template:
none">http://www.hostos.cuny.edu/cso/StuJob_fairs.asp
none
working page[L=working page w/out template
I know he used javascript to do this but i'm not sure what
code is the one determineing the bar that is highlighted according
to where on the menu you click.
Thank you for your help.

sarahpeller wrote:
I'm creating a site in Dreamweaver 8. I've placed a navigation bar with roll-over images in the template for the site. In the navigation bar settings, I set the first button to link to "healing.html", second to "resources.html" etc. But when I preview this in my browser, the links are not working. I get this error message:
File Not Found
Firefox can't find the file at /Darwin/Users/sarah/Sites/amy_martin_pt/Templates/healing.html.
This directory looks correct except for the "/Templates" part. I didn't specify that the healing.html file was in a folder called "Templates". I don't know how to fix this or why Dreamweaver is automatically doing this.
Can anyone help?
As has already been said have you defined your site correctly at the outset? Site>New Site>Local Info etc?
Plus you are correct your pages should be in the site root folder NOT the templates folder. Only .dwt files should reside in that.
I assume that you have saved the template to your defined site folder and created a new page from the template and saved that?

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

Modifying a navigation bar in a template

Similar Messages

Maybe you are looking for