I created a menu bar in photoshop. How do I add this to my site?

[katman1971]

Hi

I created a menu bar in photoshop and I sliced it up to create the buttons. I'm ready to add it to my site but dont know how. Can anyone advise me please?

 

Thanks

[multimixer]

I guess you talk about a static link menu, so, same way as you would do in a html page, only difference is that you need to keep the tep_ref_link format, read here

 

The file to do this is probably includes/header.php, assuming that it is a main menu to be shown on the top

[katman1971]

I guess you talk about a static link menu, so, same way as you would do in a html page, only difference is that you need to keep the tep_ref_link format, read here

 

The file to do this is probably includes/header.php, assuming that it is a main menu to be shown on the top

 

It is a static link menu. I'm still a bit confused.

same way as you would do in a html page

How exactly is this done? I know that I'll need to upload the image and it's slices to the images folder. What code will I need to add to includes/header.php? Is there any other code needed elsewhere to display the header and make the link menu work? Thanks

[npn2531]

Your question, though a good one, is too vague to answer. It's not much different than asking 'what's the best way to design a webpage'.

 

That said, this contribution below, is a simple and straight forward way to create a navigation bar in the header, and appears to be similar to what you are describing. If you study it, and see what is going on, you may have a model to build on.

 

Also as multimixer suggests above, study the file includes/header.php. Pay particular attention to how links are created and how images are placed.

 

http://addons.oscommerce.com/info/1873

[katman1971]

Your question, though a good one, is too vague to answer. It's not much different than asking 'what's the best way to design a webpage'.

 

That said, this contribution below, is a simple and straight forward way to create a navigation bar in the header, and appears to be similar to what you are describing. If you study it, and see what is going on, you may have a model to build on.

 

Also as multimixer suggests above, study the file includes/header.php. Pay particular attention to how links are created and how images are placed.

 

http://addons.oscommerce.com/info/1873

 

I didn't mean to be vague. I assumed this was a stage that is reached in the design of most websites. (adding a header with a menu bar to your website that was designed in photoshop). Perhaps I was looking for a simple way of doing this since I am a beginner when it comes to code. I thought it could have been done by using a tool like dreamweaver.

 

With that said, thanks for your advice. I'll look at that contrib. and I'll study the header.php file and I'll try to make sense of it.

[multimixer]

I didn't mean to be vague. I assumed this was a stage that is reached in the design of most websites. (adding a header with a menu bar to your website that was designed in photoshop). Perhaps I was looking for a simple way of doing this since I am a beginner when it comes to code. I thought it could have been done by using a tool like dreamweaver.

 

With that said, thanks for your advice. I'll look at that contrib. and I'll study the header.php file and I'll try to make sense of it.

 

Try to do it first on a plain html page. There are many tutorials and info around on how to do this. Create a test page and make such a menu, lets say with dreamweaver.

 

Then look at the code you created in "code view"

 

After you know how to do this, then you do the same in your header.php file, just changing the way the links are set