Change position of button in navigation menu

I hope this is a simple issue. I want to make it so that if I change the position of a button I put in the navigation menu the position will change throughout the whole site.
Thanks

Georgeonetwothree wrote:
it is part of a dreamweaver template
If it's part of a DW template then once you save the page all pages using that template should update automatically.

Similar Messages

How do I Change Font and Font Color in Navigation Menu?

I recently purchased iLife 08 and i'm having a hard time finding the tool to change the fonts in the navigation menu at top of page. Is it even possible?

If you open one of your HTML pages with a suitable text editor, and search for "new NavBar" you will find the section of the page which generates the navbar on-the-fly. It calls a javascript function NavBar with a load of parameters, which look largely like gobbledegook, and determine what the navbar will look like.
If you are at all familiar with CSS you will notice that if you replace all instances of "\n\t" with a line break and a tab, you will be looking at standard CSS information. The "\n\t" is there because you can't pass a literal carriage return / tab pair to a javascript function, you have to use the escape characters \n and \t.
In other words, if you expand:
.navbar {\n\tfont-family: 'Courier New', Courier, monospace, serif;\n\tfont-size: 1.1em;\n\tcolor: #AFAA9F;\n\tmargin: -2px 0 0 0px;\n\tline-height: 20px;\n\tpadding: 5px 0 12px 0;\n\tfont-weight: bold;\n\tbackground-image: url(homefiles/navfill-v2-21.jpg);\n}
it looks something like this:
.navbar {
  font-family: 'Courier New', Courier, monospace, serif;
  font-size: 1.1em;
  color: #AFAA9F;
  margin: -2px 0 0 0px;
  line-height: 20px;
  padding: 5px 0 12px 0;
  font-weight: bold;
  background-image: url(homefiles/navfill-v2-21.jpg);
So to change the font size, just find the font-size bit and change it:
.navbar {\n\tfont-family: 'Courier New', Courier, monospace, serif;\n\tfont-size: 0.9em;\n\tcolor: #AFAA9F;\n\tmargin: -2px 0 0 0px;\n\tline-height: 20px;\n\tpadding: 5px 0 12px 0;\n\tfont-weight: bold;\n\tbackground-image: url(homefiles/navfill-v2-21.jpg);\n}
Likewise any of the other properties.
I can't believe Apple didn't spend the few hours required to present the user with the options to change this stuff. The fact that it would have been SO easy makes me believe there has to be more to it than that; some sort of policy. Upgrade carrot? Who knows.
Sorry if this is less than 100% clear. I'm the wrong side of a fine cabernet.
Bruce

Editing Navigation menu

Is there a way to change the colour of the navigation menu from with iweb - without editing the html. code?

iweb nav bar is rendered by javascript widgets, so how are you with javascript?
You can come up with your own javascript widgets to do these:
1) change nav bar font style: http://home.cyclosaurus.com (changing CSS)
2) duplicate nav bar to anywhere on your page, same as above link... there is a nav bar in the bottom of the page, duplicated with my widget.
3) vertical nav bar: http://widgets.cyclosaurus.com/VertNav/Welcome.html
4) scrolling along as you scroll: http://widgets.cyclosaurus.com/ScrollingNav/ScrollingNav.html
all javascript widgets... keep this in mind: over 50% of iweb generated code depend on javascript widgets.

How can change background color of drop down menu navigation?

Hi,
I am using multi level drop-down-navigation menu in my website.
I am get good drop-down menu from htmldrive.net, but problem is how can change menu background color black to other colors.
please help me
Link & code is given below
http://www.htmldrive.net/items/demo/913/Multi-Level-Drop-Down-Menu-Navigation-with-CSS3
HTML Code
<div id="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Our Portfolio</a></li>
<li><a href="#">One Dropdown</a>
        <ul>
        <li><a href="#">Level 2.1</a></li>
        <li><a href="#">Level 2.2</a></li>
        <li><a href="#">Level 2.3</a></li>
        <li><a href="#">Level 2.4</a></li>
        <li><a href="#">Level 2.5</a></li>
        </ul>
</li>
<li><a href="#">Three Levels</a>
        <ul>
        <li><a href="#">Level 2.1</a></li>
        <li><a href="#">Level 2.2</a></li>
        <li><a href="#">Level 2.3</a>
                <ul>
                <li><a href="#">Level 2.3.1</a></li>
                <li><a href="#">Level 2.3.2</a></li>
                <li><a href="#">Level 2.3.3</a></li>
                <li><a href="#">Level 2.3.4</a></li>
                <li><a href="#">Level 2.3.5</a></li>
                <li><a href="#">Level 2.3.6</a></li>
                <li><a href="#">Level 2.3.7</a></li>
                </ul>
        </li>
        <li><a href="#">Level 2.4</a></li>
        <li><a href="#">Level 2.5</a></li>
        </ul>
</li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
CSS CODE
#nav {
        float: left;
        font: bold 12px Arial, Helvetica, Sans-serif;
        border: 1px solid #121314;
        border-top: 1px solid #2b2e30;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        overflow: hidden;
#nav ul {
        margin:0;
        padding:0;
        list-style:none;
#nav ul li {
        float:left;
#nav ul li a {
        float: left;
        color:#d4d4d4;
        padding: 10px 20px;
        text-decoration:none;
        background:#3C4042;
        background: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(59,63,65)), color-stop(0.55, rgb(72,76,77)), color-stop(0.78, rgb(75,77,77)) );
        background: -moz-linear-gradient( center bottom, rgb(59,63,65) 9%, rgb(72,76,77) 55%, rgb(75,77,77) 78% );
        background: -o-linear-gradient( center bottom, rgb(59,63,65) 9%, rgb(72,76,77) 55%, rgb(75,77,77) 78% );
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 0 5px rgba(0, 0, 0, 0.1) inset;
        border-left: 1px solid rgba(255, 255, 255, 0.05);
        border-right: 1px solid rgba(0,0,0,0.2);
        text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
#nav li ul {
        background:#3C4042;
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(77,79,79)), color-stop(0.55, rgb(67,70,71)), color-stop(0.78, rgb(69,70,71)) );
        background-image: -moz-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );
        background-image: -o-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );
        border-radius: 0 0 10px 10px;
        -moz-border-radius: 0 0 10px 10px;
        -webkit-border-radius: 0 0 10px 10px;
        left: -999em;
        margin: 35px 0 0;
        position: absolute;
        width: 160px;
        z-index: 9999;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
        -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
        border: 1px solid rgba(0, 0, 0, 0.5);
#nav li ul a {
        background: none;
        border: 0 none;
        margin-right: 0;
        width: 120px;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        border-bottom: 1px solid transparent;
        border-top: 1px solid transparent;

Change this:
.ddsmoothmenu{
font: bold 12px Verdana;
background: #414141; /*background of menu bar (default state)*/
width: 100%;
to this:
.ddsmoothmenu{
font: bold 12px Verdana;
background: #new color code;
width: 100%;
And repeat this on other selectors.
Nancy O.

How to change the color of navigation menu text?

Hello guys,
is there any way to change the color of navigation menu text? (Home, Contact About us,etc)
Thank you,
Cheers

To create your own navigation bar, you can use a textbox and use colour fill with any colour you want and then enter the names of your pages in this and create hyperlinks to these pages. The text can then be any colour you want.
You can also use shapes if you want to and use the shapes to create individual buttons.
To hide the original nav bar, go to page and it has a couple of boxes with hide nav bar and include in page. Uncheck these and the original nav bar will disappear. You can't delete them however.

Navigation elements keep changing position

Hi,
I try to create a navigation menu via widgets with simple colored boxes containing white text.
The main menu is no problem … it creates automatically a gap between the boxes.
The submenu shall look the same with 2 pixel detached from the mainmenu. When I click oustide the changed field, the submenu jumps back to its old position and the gap disappears.
I tried it with positioning - it does not hold the values. I tried with the box »apply to all« on and off. (In german version this tickbox is called »gemeinsam bearbeiten«)
When I try with white borders, it is all mixed up and it never aligns.
What can I do to position menu and submenu pixel correct without touching each other?
Regards, Carsten
Here it looks ok … but I am adding more subnavigations: http://www.kristinkappler.de/
Message was edited by: Blindtext (added Link)

Finally I managed …
I unmarked apply to all and added white frame of 2px on top and right hand side of each box.

How can I stick an accordion navigation MENU on top of a mobile scrolling page and make it work properly? As I can't pin it, I keep it on top of the page with scroll effect 0. It collapse, shows the menu buttons but doesn't close back once it reaches the

How can I stick an accordion navigation MENU on top of a mobile scrolling page and make it work properly?
As I can't pin it, I keep it on top of the page with scroll effect 0.
It collapse, shows the menu buttons but doesn't close back once it reaches the anchorpoint.

Muse won't let you, at least not that I know of. You could find the class in the code that muse gives it position: fixed…I think. You could paste it into the head area of your page properties to override the class. I believe something like this would give you persistent nav bar, pinned at the very top, on mobile:
#youmuseclass {position: fixed;}
I wouldn't use any parallax on mobile either, the performance is terrible.

How can I get Navigation Menu Button to remain in down state after clicked?

Hi there,
I'm messing about with a Navigation Menu and would like to click on the button and once clicked, the button remains in its down state. I can't seem to find a way of doing this? Any pointers?
Cheers

We would need to see your live page and code to offer more meaningful answers. But I wonder if what you really want is a "persistent page indicator" on your nav menu?
HOME | PRODUCTS | CONTACT US
When you're on the Home page, the HOME menu is highlighted.
HOME | PRODUCTS | CONTACT US
When you're on the Products page, the PRODUCTS menu is highlighted. And so on...
See this related discussion -
http://forums.adobe.com/message/2398026#2398026
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Change the navigation menu in iweb

I have buy an iweb template that has the navigation menu always fixed. No matter is you move the mouse over the links to the pages, if you are in the welcome page or blog, the text is always the same.
I have ask to author of the template to make the active page text grayed out but he wants again money because this is customizing request of the template...
Is there a way to change the color of the text of the navigation menu? It is enough that the active page is highlighted.
Thank you

Thank you for the answers.
If it is possible I don't want create nothing because it complicates the stuffs (I'm a very beginner in this things). I have tried the javascript way but it don't modifies the behavior of the menu.
Excavating in the iWeb application folder I have reach this file that seems the responsable of the navigation bar: iWeb.app/Contents/Resources/Themes/_Simple\ Info\ orange.webtheme/Italian.lproj/Welcome.webtemplate/com.apple.iweb.widget.navbar. Welcome.plist
I have open it with Pref Setter:
.navbar {
font-family: 'Helvetica Neue', Arial, sans-serif;
font-size: .8em;
color: #666666;
line-height: 30px;
border-bottom: 3px solid #ccc;
.navbar-bg {
text-align: right;}
.navbar-bg ul {
list-style: none;
margin: 0px;
padding: 0px;
li {
list-style-type: none;
display: inline;
padding: 0px 5px 0px 0px;
li a {
text-decoration: none;
padding: 10px;
color: #666666;
font-weight: bold;
li a:visited {
text-decoration: none;
padding: 10px;
color: #666666;
font-weight: bold;
li a:hover
color: #999999;
text-decoration: none;
li.current-page a
color: #66ABC5;
text-decoration: none;
I have change the color value but nothing happens. Have you any suggestion?
Thank you
Marco
PS: maybe in 10 days Apple publishes iWeb 10 that permits these modifies...

Does and one know if you can change the navigation menu at the top of the iWeb template pages?

Does and one know if you can change the navigation menu at the top of the iWeb template pages? I need to make the background a little wider.

It depends on which template you use.
You can also hide the default navigation and build your own which allows more freedom of design and is better for search engine optimization...
http://www.iwebformusicians.com/iWeb/Navigation.html
Make sure you use web-safe fonts in your navigation...
http://www.iwebformusicians.com/iWeb/Fonts-Colors.html

Custom button to open navigation menu + scripts?

I just tried to make a custom button to open/close the navigation menu. Is there a custom script available for this? Does anyone know if there are any free scripts available for download/import for Adobe Captivate? Is there a way to do it within Captivate without custom scripts?
Best, Steve

Hi Steve,
No apologies, each app has its proper jargon, but wanted to be sure.
You do not need a script. Just point to your expand and collapse button in the Settings of the TOC. They will replace the tiny little double arrows that are the default icons. On the screenshot I highlighted that portion of the Settings, open the browse icon to point to your button.
Lilybiri

Changing color of Navigation menu items

I can't figure out how to change color of the navigation menu. any help?

The treatment of the navigation bar is hard-coded in XML files which control the appearance of iWeb templates. You cannot change this from within iWeb itself.
In fact, iWeb treats items on the navigation bar as images, as you'll see if you open a folder for one of your iWeb pages on your iDisk. Go to iDisk/Web/Sites/iWeb/SIteName/PageName_files and you'll find files such as navbar0normal.png, navbar0rollover.png, navbar1normal.png, navbar1rollover.png and so on. iWeb generates these based on the names you assign to your pages, using the font and colours specified in the controlling XML.
It is possible to change the appearance of the navigation bar, but only by editing the XML files within the iWeb application itself. Take a look at the 11 Mystics site, where Suzanne Boben provides a detailed description of what's involved. It's not something for the faint-hearted to tackle.
[ Visit here for iWeb Tips, Tricks and Hacks ]

Changing Position of Dynamic Navigation

Hi Folks,
I'm working with the Default-Framework-Page and here I want to add an iview to my Navigation Panel. But for this, I need to change the position of the dynamic Navigation iview. It has to be set under my new iview. Does anybody know how I can change that? When its added, it is shown ON the dynamic navigation.
greets
heidi

Hi,
The Dynamic Navigation IView is located in the Desktop Innerpage in the Frameworkpage.
http://help.sap.com/saphelp_nw70/helpdata/EN/b4/771158e4cb4bf6af9974380948db86/frameset.htm
So if you add your IView to a role, it is shown in the Iview Content Area, so to get Dynamic Navigation IView under your Iview, you will have to add a page with both your IView and Dynamic Navigation IView to the role.
So create a Page, add your IView and Dynamic Navigation IView to it. Add this page to the role.
You can ofcourse arrange the IViews position in edit mode of page.
If not clear, let me know.
Regards,
Praveen Gudapati

In most web sites many web sites, the menue buttons do not appear i have to scroll over the screen untill the cursor changes indicating a button is actually there, and guess which one it is. I am using windows 7 , 64 bit

In most web sites many web sites, the menu buttons do not appear i have to scroll over the screen until the cursor changes indicating a button is actually there, and guess which one it is. I am using windows 7 , 64 bit

See:
* http://kb.mozillazine.org/Website_colors_are_wrong
* http://kb.mozillazine.org/Websites_look_wrong

FireFox's buttons on the taskbar often change position

Firefox's buttons on the taskbar often change position. If I click on a button frequently (in order to bring the window forward), the button for that window will start to jump to the end of the other buttons. Since the buttons are no longer in the same order, I end up having to search for the right button constantly. This is a huge annoyance.

I am guessing that there is an auto hide feature turned on for your taskbar:
Try this: "Reset taskbar to normal, open FF maximised then set auto hide."
from: [www.sevenforums.com/browsers-mail/195149-win7s-autohide-taskbar-function-defeated-maximize-firefox.html]

Change position of button in navigation menu

Similar Messages

Maybe you are looking for