Naviagtion Bar

[naives]

Hello,
I want to have a navigation Bar for a website and since i am developing my site step by step i need to add new tabs and i need to edit all the files.
Is there any way to call html code form a file for this purpose. I don't like to use frames.
Anyone please help me

[wired076]

To help you we need more information such as how you want your navigation bar to look and do you have any idea on what programming language or software you want to use to create it.

For example you can use basic text based links or you can use flash to create navigation bars.

It depends on what you are trying to achieve with your website. I for one am also looking to create new navigation for my website see the new thread I posted in regards to website navigation.

What is your site url and do you want your navigation bar to contain images or just text based links.

Please provide more information.

[naives]

My website is under development now and now i have hosted it with some pages on profusehost. I am adding pages everyday and i have a tab like navigation bar (a windows look). You can see that form ma website. Since i am adding new pages everyday i need to change each page for putting the updated tab in it. I am looking for something that i design that tab in a new html file and call that html file to show that tab. Something like calling a function in a programming language. It make the task easy for me and more depenadable. One of my friends said that he had came across such a think somewhere and he didn't remember the exact website. Do anyone know something about this please help

[bizzard]

You can create navigation menus using softwares. Navigation menus created using softwares are mainly XML or Javascript. To make the navigation menu visible, generally a external javascript file is called from the HTML or PHP page. So, it will be easier to update the menu as you just need to update the external file only. I reccomend using Xara Webstyle, a javascript based menu creater. It has many other options too like creating logos, banners, etc.

Check this thread in profusehost forum too: http://www.profusehost.net/forum/pro...tion-bars.html (Creating Website Navigation Bars)

[wired076]

Sorry Bizzard you are slightly wrong.
I would not recommend the Xara Webstyle software as I tried to use it from recommendation of Bizzard and the only way it would display correctly was in Firefox. It would not display in ie. I also got an extra link I did not want to their website.

I now use css - Cascading Style Sheets for my webpages which is great. It is supported and recommended by W3C.org for HTML 4.1 and more importantly XHTML 1.0. All modern browsers support css and most browsers even if outdated should still support it to a certain degree. If you want to make sure users that can't use css because of their browsers still see your site choose the appropriate doctype and you will need to put in what type of character encoding used. To validate your HTML, XHTML go to http://validator.w3.org/. To validate css go to http://jigsaw.w3.org/css-validator/
.

Although JavaScript may seem like a good idea usually the user has to allow JavaScript to run depending on their settings.

With CSS their is no security issues that may crop up so displays straight away.

I also would recommend that you create the navigation bars yourself so that the code is clean and is supported by all browsers.

Remember you should always validate and test your code to ensure that it works properly on different computers and displays the way you want it to.

If you want me to teach you css let me know and I will try.

My site uses CSS. Have a look. I created two different navigation bars on the same page.

If you need any help you can email me or just post here and I will try and help.

[wired076]

I forgot to mention but you can do external or internal CSS scripting. I use external css so that all my pages can utilise the code. Then I only have to add links to my pages in my html files. If you would like me to show you my html and css coding for my site let me know so that it will give you some guidance. My pages are copyrighted by Wired 2006-2007.

Hope this helps with creating your navigation. If you need help with doing the code let me know and I might be able to spend some time having a look at your code.

I also use a CMS - content management system which makes it a lot easier to add information quickly and easily. I have used Joomla and Typo. And am currently using Joomla for some of my pages.

What is your website url?

[naives]

My website url is http://www.naives.info/
I am currently having a navigation barin blue color and as i said my site is under construction and new pages are added. So i want to put the navigation bar in to a single file and call it from all my webpages.

I don't anything about flash navigation bar.

Can you tell mw which navigation bar easy to create and manipulate.

I want to add more tabs frequently and i have no so much of time to work with this website. So i want to have to most easiest and time saving way.

My website Url is http://www.naives.info/


See it by uyourself and kindly help me.

[wired076]

no, no. Forget flash. The easiest way to do it is css as well as the quickest. The code is utilised and set up in one page and then all you have to do is basically write the links out in the point of the page that you want it. http://www.webcredible.co.uk/user-friendly-resources/css/css-navigation-menu.shtml


To view my page's code and how I used css go to wired.profusehost.net and right click on the page and go to view source. This will show you my page's code. For my css code I used a file called navbar.css and navbar_vertical.css to create my two different navigation bars.

My css code is as follows:

/* Wired Team Standard NavBar Horizontal */

#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li
{
float: left;
margin: 0 0.0em;
}

#nav-menu li a
{
background: url(background.gif) #FFFFFF bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 7em;
display: block;
border: 0.0em solid #000000;
color: #FFFFFF;
text-decoration: none;
text-align: center;
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */

#nav-menu
{
width:40em
}

If you are not sure how to use css or how to set it up try and search on Google for css tutorials. W3Schools is generally a good place to look for programming help.

If you would like me to help you create the navigation that you want let me know and as I create it I can explain how you can edit and manage it and how it needs to be linked and set up in your html files.

This does not involve xml, JavaScript, flash or any other form of navigation creation.

This will display in any browser as it is a supported language of browsers.

I noticed that I cannot view your website as it has been suspended. I would suggest you ratify this first.

If you need any more help you can email me or keep posting here. If you would like me to explain it in more detail and how it all has to be set up step for step you would need to give me a few days to do it otherwise I can run through it with you.

Hope this helps.

If you use my code please put a link to my site and acknowledge that it is copyrighted by Wired. Otherwise I am happy for you to use the basic structure and modify it to your needs and what suits your site.

[bizzard]

Hello wierd076, I now understand your problem with XARA Webstyle. You are using a trial version aren't you? That's why you have an extra link to their website. And may be its the problem for not displaying it in firefox or other browsers. I use it in my website and is working perfectly in every browser. Check my site: www.bizzard.info
To check my javascript navigation bar: http://bizzard.profusehost.net/image...ngs/bizzard.js
Copy the code into a HTML file and open it in a browser.

I have the crack for Webstyle. You just search in Google or any other for it and if you don't get it I'll mail it to you. Its about 100KB only.

Even though XARA Webstyle has many designs locked, changing the colours and fonts of available designs will give a different look for each.

[wired076]

I still recommend that css is the best way to create navigation bars and the easiest to maintain. Please email me the crack for it just in case but generally css should work in any browser and is supported. Javascript in some circumstances is not supported and takes longer to maintain and create. Naives wants something simple and easy to look after which would be css because all you have to do is add the extra page link to every page you have and the script can be put in an external file so that it is easily linked to reducing doubled up code. I created my navigation see my website in the way I wanted to with css much quicker and easier than that software is and it is easier for me to read and make modifications to.

[bizzard]

Ok, the crack is mailed to the e-mail address specified in the profile. I have uploaded it too.... You can get it from hI checked your site. What is the difference from http://bizzard.f2g.net/Downloads/Xara4.zip

I also checked wired's site. Wired, coud you please tell me what is the difference in your navigation bar from default HTML links. It loks same as an HTML link, even without a change taking place when we move the mose over it. Couldn't CSS do that thing?

Naives wants something simple and easy to look after which would be css because all you have to do is add the extra page link to every page you have and the script can be put in an external file so that it is easily linked to reducing doubled up code.

javascript also does the same work what you do with CSS. You have to make changes in the external .js file. Instead of the text what you use for links, javascript can use images and make it more good looking with ouse over attributes and so. i designed my navigation bar with XARA Webstyle 4. You can see it in every pages of www.bizzard.info and is just using the same .js file.