Navbar code

First topic message reminder :

How can I create this effect on my navbar ?

http://radiosoundall.forumotion.com/index.htm?theme_id=155391

try click on the first layer and after write something.

[GM]DoubleAgent wrote:yeap, but, here the photoshop have a bug..

I make that text box and start writing..

Nothing is there, but the layer's name is renamed to what i wrote...

Do you find a solution for that?!

Yes... You might have a big font size when you write in a small place... So reduce first the font size and then try to write...

-Hope this helps-

~sGeorge~

I don't mean to ask a question in someone else topic, but watch that video the page that you are currently on keeps the button highlighted so you visually know where you are.

How is that done anybody know?

I think that we answered it already in page 1...

I have the code that code you where given implemented already, it is not that. What i said above is the image button is Permanently Highlighted because you are already at where the button leads, How to do?

SiKiN wrote:I don't mean to ask a question in someone else topic, but watch that video the page that you are currently on keeps the button highlighted so you visually know where you are.

How is that done anybody know?

You have to replace the images that the code uses to your own images... So I think you will have that you want... And I am creating my images now to try this...

Gangstar15 wrote:Well i found the code! but it need some changes with the pictures.

Code:


div.maintitle{color: #000;}
#i_icon_mini_index{width:85px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an10.png) no-repeat 0 0;}
#i_icon_mini_index:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an10.png) no-repeat 0 -32px;}
#i_icon_mini_portal{width:86px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an13.png) no-repeat 0 0;}
#i_icon_mini_portal:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an13.png) no-repeat 0 -32px;}
#i_icon_mini_faq{width:86px; height:32px; background:url(http://i39.tinypic.com/2lcuwxk.png) no-repeat 0 0;}
#i_icon_mini_faq:hover{background:url(http://i39.tinypic.com/2lcuwxk.png) no-repeat 0 -32px;}
#i_icon_mini_search{width:86px; height:32px; background:url(http://i41.tinypic.com/b8vigp.png) no-repeat 0 0;}
#i_icon_mini_search:hover{background:url(http://i41.tinypic.com/b8vigp.png) no-repeat 0 -32px;}
#i_icon_mini_members{width:86px; height:32px; background:url(http://i42.tinypic.com/2uxve2q.png) no-repeat 0 0;}
#i_icon_mini_members:hover{background:url(http://i42.tinypic.com/2uxve2q.png) no-repeat 0 -32px;}
#i_icon_mini_groups{width:86px; height:32px; background:url(http://i41.tinypic.com/2j2vm6o.png) no-repeat 0 0;}
#i_icon_mini_groups:hover{background:url(http://i41.tinypic.com/2j2vm6o.png) no-repeat 0 -32px;}
#i_icon_mini_profile{width:86px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an16.png) no-repeat 0 0;}
#i_icon_mini_profile:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an16.png) no-repeat 0 -32px;}
#i_icon_mini_message{width:86px; height:32px; background:url(http://i43.tinypic.com/2wodc2q.png) no-repeat 0 0;}
#i_icon_mini_message:hover{background:url(http://i43.tinypic.com/2wodc2q.png) no-repeat 0 -32px;}
#i_icon_mini_new_message{width:86px; height:30px; background:url(http://i43.tinypic.com/2itstjo.png) no-repeat 0 0;}
#i_icon_mini_new_message:hover{ background:url(http://i43.tinypic.com/2itstjo.png) no-repeat 0 -32px;}
#i_icon_mini_logout{width:41px; height:32px; background:url(http://i42.tinypic.com/wu1fe8.png) no-repeat 0 0;}
#i_icon_mini_logout:hover{background:url(http://i42.tinypic.com/wu1fe8.png) no-repeat 0 -32px;}
#i_icon_mini_register{width:86px; height:32px; background:url(http://i40.tinypic.com/awrpjs.png) no-repeat 0 0;}
#i_icon_mini_register:hover{background:url(http://i40.tinypic.com/awrpjs.png) no-repeat 0 -32px;}
#i_icon_mini_login{width:41px; height:32px; background:url(http://i44.tinypic.com/10nb8xy.png) no-repeat 0 0;}
#i_icon_mini_login:hover{background:url(http://i44.tinypic.com/10nb8xy.png) no-repeat 0 -32px;}



I think you or im sure, your navbar pictures must be like this.
and delete them from the pics managements.

Where do I put it ?

Display/Colors/Css Stylesheets.

And I just implemented this code, it is wonderfull. My images no longer disapear to load the new image and has fixed that big hole.

But the question I asked above still linger, how when your on a page is that in that video on page 1 the button is already highlighted without the mouse being over it?

what video you talking about xD?

sgeorge wrote:Look what I mean...

that one.

you mean the index button?

I cannot read them they are too fuzzy but if by index button you mean the first button that does not change then yes.

because its already green ^^. so you have to make your own, look at sgeorge's forum

SiKiN wrote:I cannot read them they are too fuzzy but if by index button you mean the first button that does not change then yes.

Yeah have a look ! It works perfect !

Gangstar15 wrote:because its already green ^^. so you have to make your own, look at sgeorge's forum

Had a look, and now I know you have no idea what I typed.

SiKiN wrote:

Gangstar15 wrote:because its already green ^^. so you have to make your own, look at sgeorge's forum

Had a look, and now I know you have no idea what I typed.

Give us your site in order to see what you want to say to us...

Ive said all I can, Ive said like 3 times I have the exact code Sgeorge asked for Implemented on my forum stop pointing me back to his code because he doesn't know it. The question I have asked is in that video the first button does not highlight because the page that the button links to is already loaded.

Commonly known description is "Tab Format".

Well, i want the code that when i hover my cursor on the button, it changes to another picture...

And sorry for being late in replying... I already installed photoshop CS5

I've already posted the code