Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

custom header and navigation


Recommended Posts

HELLO GUYS HOW DO I MAKE A HEADER AND THE EXTRA BUTTONS ON TOP EG: TABS ON TOP LIKE THIS CLICK HERE PLEASE EXAMPLE OF WEBSITE I NEED TO HAVE SAME LOOK OF

 

MY QUESTIONS HOW DO I GO ABOUT MAKING IT DO I USE PHOTOSHOP TO MAKE THE TOP NAVIGATION ROUNDED BUTTONS LIKE THE EXAMPLE SITE

 

OR IS IT PLAIN CSS

 

ALSO I WANTED TO KNOW WHAT IF I DO WANT TO USE MY OWN HEADER AND BUTTONS MADE IN PHOTOSHOP PLEASE LOOK AT EXAMPLE PICTURE BELOW

 

2qisbut.jpg

 

 

 

HOW WOULD I PROGRAME THEM TO LINK BECAUSE AS YOU CAN SEE FROM MY PHOTOSHOP IMAGE I MADE NO LINK ON THEM HOW DO I DO THIS THANKS WHAT PROGRAM TOM USE

Edited by total newbie
Link to comment
Share on other sites

Think you should start by learning about html (image links) and css.

 

w3.schools.com has some goods sections on both.

Need help installing add ons/contributions, cleaning a hacked site or a bespoke development, check my profile

 

Virus Threat Scanner

My Contributions

Basic install answers.

Click here for Contributions / Add Ons.

UK your site.

Site Move.

Basic design info.

 

For links mentioned in old answers that are no longer here follow this link Useful Threads.

 

If this post was useful, click the Like This button over there ======>>>>>.

Link to comment
Share on other sites

  • 2 weeks later...

Okey doke. If you know CSS and HTML already, I'm gonna assume that you know PhotoShop too.

 

1. Design your header in PhotoShop.

2. Save as PNG or JPEG flat file

3. Splice the header into the buttons/areas needed for your CSS (personally, I use FireWorks to do this, but it can be done really easily with teh Slice tool in PhotoShop).

4. Save the resulting images in the catalog/images folder

5. Create your CSS to reference the images

6. The catalog/includes/header.php is the header file that you will need to add your HTML to.

 

FTP and test

 

Hope this helps

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...