The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Navbar code

Page 2 of 2 Previous  1, 2

View previous topic View next topic Go down

Navbar code

Post by sgeorge on June 26th 2010, 9:11 pm

First topic message reminder :

How can I create this effect on my navbar ?

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

sgeorge
Forumember

Male Posts : 556
Reputation : 15
Language : Greek - English
Location : Greece

Back to top Go down


Re: Navbar code

Post by Guest on June 28th 2010, 3:20 pm

try click on the first layer and after write something.

Guest
Guest


Back to top Go down

Re: Navbar code

Post by sgeorge on June 29th 2010, 8:02 am

@[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~

sgeorge
Forumember

Male Posts : 556
Reputation : 15
Language : Greek - English
Location : Greece

Back to top Go down

Re: Navbar code

Post by SiKiN on June 29th 2010, 11:03 am

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?

SiKiN
Forumember

Posts : 62
Reputation : 0
Language : english

Back to top Go down

Re: Navbar code

Post by sgeorge on June 30th 2010, 7:37 am

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

sgeorge
Forumember

Male Posts : 556
Reputation : 15
Language : Greek - English
Location : Greece

Back to top Go down

Re: Navbar code

Post by SiKiN on June 30th 2010, 7:57 am

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
Forumember

Posts : 62
Reputation : 0
Language : english

Back to top Go down

Re: Navbar code

Post by sgeorge on June 30th 2010, 8:04 am

@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...

sgeorge
Forumember

Male Posts : 556
Reputation : 15
Language : Greek - English
Location : Greece

Back to top Go down

Re: Navbar code

Post by sgeorge on July 1st 2010, 10:23 am

@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 ?

sgeorge
Forumember

Male Posts : 556
Reputation : 15
Language : Greek - English
Location : Greece

Back to top Go down

Re: Navbar code

Post by SiKiN on July 1st 2010, 11:04 am

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?

SiKiN
Forumember

Posts : 62
Reputation : 0
Language : english

Back to top Go down

Re: Navbar code

Post by Guest on July 1st 2010, 1:09 pm

what video you talking about xD?

Guest
Guest


Back to top Go down

Re: Navbar code

Post by SiKiN on July 1st 2010, 9:16 pm

@sgeorge wrote:Look what I mean...


that one. fufufu

SiKiN
Forumember

Posts : 62
Reputation : 0
Language : english

Back to top Go down

Re: Navbar code

Post by Guest on July 1st 2010, 9:18 pm

you mean the index button?

Guest
Guest


Back to top Go down

Re: Navbar code

Post by SiKiN on July 1st 2010, 9:20 pm

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

SiKiN
Forumember

Posts : 62
Reputation : 0
Language : english

Back to top Go down

Re: Navbar code

Post by Guest on July 1st 2010, 9:36 pm

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

Guest
Guest


Back to top Go down

Re: Navbar code

Post by sgeorge on July 1st 2010, 9:47 pm

@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 !

sgeorge
Forumember

Male Posts : 556
Reputation : 15
Language : Greek - English
Location : Greece

Back to top Go down

Re: Navbar code

Post by SiKiN on July 2nd 2010, 10:35 am

@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
Forumember

Posts : 62
Reputation : 0
Language : english

Back to top Go down

Re: Navbar code

Post by sgeorge on July 2nd 2010, 10:40 am

@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...

sgeorge
Forumember

Male Posts : 556
Reputation : 15
Language : Greek - English
Location : Greece

Back to top Go down

Re: Navbar code

Post by SiKiN on July 2nd 2010, 12:05 pm

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".

SiKiN
Forumember

Posts : 62
Reputation : 0
Language : english

Back to top Go down

Re: Navbar code

Post by [GM]DoubleAgent on July 2nd 2010, 1:20 pm

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 Smile

[GM]DoubleAgent
Forumember

Male Posts : 340
Reputation : 0
Language : Arabic

http://progamescheating.forumotion.com

Back to top Go down

Re: Navbar code

Post by Guest on July 2nd 2010, 1:52 pm

I've already posted the code Laughing

Guest
Guest


Back to top Go down

Page 2 of 2 Previous  1, 2

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum