Join Now

hadog · #1 (**permalink**) 09-24-2009, 11:01 PM

Hi
I am using one of the templates and I would like to make a change.
At the top of the page there is a menu bar....I have changed it to suit my needs.
How can I add a similar bar to appear at the bottom of the page? Just copt and past the code? What is I want this bottom bar to direct to different areas than the top?

thanks

CovertPea · #2 (**permalink**) 09-25-2009, 02:15 AM

It would help our coders if you could tell them which template you're trying to alter.

hadog · #3 (**permalink**) 09-25-2009, 10:23 PM

my mistake u are right...it is the Bike Template

ishkey · #4 (**permalink**) 09-26-2009, 03:20 AM

you would also have to admend the css file which controls how the menu looks and where it is on the page.

hadog · #5 (**permalink**) 09-26-2009, 10:43 AM

I have been trying to do this within the index and css file but to no avail

ishkey · #6 (**permalink**) 09-26-2009, 11:01 AM

what did you try - post your code.
what level knowledge of html/css do you have.
what were you going to do with the footer in the page layout. if you look at it, it's a curved graphic.

hadog · #7 (**permalink**) 09-26-2009, 11:26 AM

HI

My level is low

I am trying to add two more buttons there are 7 now in the menu I am trying to add two more to the end ( tryied resizing) or even start a second bar on another line. Tried adjusting the navlist but I get a mess.

Tried adding another bar to the bottom of the screen with no luck...this was just a cut and paste in the index and css files....renameing the navlist to navlist2

ishkey · #8 (**permalink**) 09-26-2009, 12:43 PM

Quote:

My level is low

I am always amazed with people. They expend energy trying to find the shortcuts, rather than understanding the basic building blocks.

here are two links which should get you on track.
What am I missing here?
A Basic Primer

Adding two more buttons when you are out of space is like trying to add more water to a glass that is already full, it just spills out.
This is where a basic understanding of code would help.
Look at your code in the index file. See the first <div> "central"

HTML Code:

<body>
<div id="central">

Now go look at the style.css file and find "central" and look at the width the page is set at. Scroll down and you will see "width" shows up in other places. You could increase the width, which will allow for more menu items. This template is designed to be viewed on a monitor set at 800px wide, so you would increase it for the next standard viewing size, since hardly anyone uses that setting anymore. (you need to do some research here).

Quote:

#central{
margin-right: auto;
margin-left: auto;
margin-top: 10px;
position: relative;
width: 777px;
text-align: left;
background-color: #FFFFFF;
}

If you increase all the 777 widths the page stretches, but now the body where the text and pictures are looks all wrong. That's just means you have to go back and adjust those widths. (basic math here)

Quote:

At the top of the page there is a menu bar....I have changed it to suit my needs.
How can I add a similar bar to appear at the bottom of the page? Just copt and past the code? What is I want this bottom bar to direct to different areas than the top?

Just like the above example - look at the code for the for the menu it's called "navlist" create a second series of code for the bottom menu, with the proper properties, give it a new name and then call it from the index file.
so cut/paste alone will not work.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Join Now

It's Quick and Free

Join Now! It’s Quick And Free

Discussions

Navigate

Connect