Web Design Forum  
 
Go Back   Web Design Forum > Web and Graphic Design > Graphic Design

Reply
 
LinkBack Thread Tools Display Modes
Old 09-15-2008, 11:29 AM   #1 (permalink)
New Member
 
Join Date: Sep 2008
Posts: 8
Question Please help me create a new graphical navigation bar.

I just took over the website pictured below and one of my first tasks is to expand the navigation bar. Well I a going for a bit more professional look so I am going to use pictures instead of text. I know this can be done in Photoshop but I am having trouble figureing out how to do it (I never use Photoshop). Could anyone give me some suggestions as how to do this in Photoshop?



As you see the navigation bars are pictures:



Last edited by SPL Tech; 09-15-2008 at 11:48 AM.
SPL Tech is offline   Reply With Quote
Old 09-15-2008, 06:51 PM   #2 (permalink)
New Member
 
Join Date: Sep 2008
Posts: 21
Default

From what I can see the navigation buttons are already graphics. They are not text links. All you would have to do is create the images files that you want to replace the old ones with and then substitute them in the html file.
anthony.alaan is offline   Reply With Quote
Old 09-18-2008, 04:56 PM   #3 (permalink)
New Member
 
Join Date: Sep 2008
Location: UK
Posts: 5
Send a message via MSN to Retribution
Default

If you want to make some images in Photoshop, just get a size for a button then text, maybe a gradient or brush or whatever. Save as same current name then upload and overwrite.
Retribution is offline   Reply With Quote
Old 10-20-2008, 06:37 PM   #4 (permalink)
Silver Member
 
RAJO's Avatar
 
Join Date: Jul 2005
Posts: 136
Default

the navigation buttons are already image and you need to make it text just delete the image and type your text and give a back ground color and you done .
if want to change this image with another just make your new button on photoshop and replace them with the one in the design .........that's all
__________________
Thank You
GAG-IS
WEB SITE Design
RAJO is offline   Reply With Quote
Old 11-14-2008, 07:09 PM   #5 (permalink)
Silver Member
 
conor's Avatar
 
Join Date: Oct 2008
Location: Ireland
Posts: 133
Default

1.fill the background image with black
2.create text layer and input text
3.change the text to whatever style you want (in the same way you would do on microsoft word)
4.save for web and devices, you can choose whatever format you want i would use png
5.in your html file include: <img src="path to your file" class="whatever" />
6.in your css create a new class called "whatever" and apply some style to it.

that should do the job
__________________
My Blog

Web Design
conor is offline   Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


All times are GMT. The time now is 02:27 AM.


Computer Forum - TechZine - Webpage Design

 
Powered by vBulletin® Version 3.7.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.