It appears you have not yet registered with DEVPPL. To register please click here... (it's fast, easy and free!)

Forum

Log In Sponsors
Board index Graphic Photoshop Forum

navbar

Join this free Photoshop forum and learn from all out other members.

navbar

Postby mohfa on Sun Jun 15, 2008 1:16 am

hi every body , i need your help in designing navbar like in the attached image , and i hope as additional request the buttons will separated so that i can use them separately .

Image

Image

is there any option that make the button disabled : so

3 button states :
enabled : text white
hover : text black
disabled : text ?

and many many thanks
mohfa
 
Posts: 4
Joined: Sun Dec 19, 2004 8:52 am

Postby Johnathan on Sun Jun 15, 2008 9:27 am

What do you mean by "disabled"?
Johnathan
1000+ Club
 
Posts: 1207
Joined: Thu May 31, 2007 3:28 pm
Location: Belfast, Northen Ireland

Postby mohfa on Sun Jun 15, 2008 6:01 pm

Johnathan wrote:What do you mean by "disabled"?

The button becomes unclickable :)
mohfa
 
Posts: 4
Joined: Sun Dec 19, 2004 8:52 am

Postby Johnathan on Sun Jun 15, 2008 6:51 pm

:oops:
Johnathan
1000+ Club
 
Posts: 1207
Joined: Thu May 31, 2007 3:28 pm
Location: Belfast, Northen Ireland

Postby dflynn on Sun Jun 15, 2008 8:02 pm

Jsut don't put the <a></a> tags around it.

If you use the button image as the backgorund of the button. Positon it all with CSS, align the text on top with the CSS padding tags, or text align tag, that way you are affecting the text itself.

then use something like:
a:link { font-color:'#FFFFFF'}
a:visited { font-color:'#000000'}

if your container's font colour tag is different, the unlinked text will be one colour and inactive, the active one is white and the visited is black.
User avatar
dflynn
500+ Club
 
Posts: 860
Joined: Wed Oct 03, 2007 9:06 pm
Location: Guelph, Canada


Who is online

Users browsing this forum: No registered users and 2 guests