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.

NAVIGATION GAPS

Page 2 of 2 Previous  1, 2

View previous topic View next topic Go down

Solved NAVIGATION GAPS

Post by JAN2XONLINE on Fri 18 Jan 2013 - 8:09

First topic message reminder :



See that gap on the upper image? I can't figured it out how to remove it and make it like the one below.


Last edited by JAN2XONLINE on Sat 19 Jan 2013 - 5:32; edited 2 times in total
avatar
JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down


Solved Re: NAVIGATION GAPS

Post by JAN2XONLINE on Sat 19 Jan 2013 - 4:40

@SLGray wrote:
Please don't double/triple post. Your post need to be separated by 24 hours before bumping, replying or adding more information. Please use the edit button instead!

You have received a warning.

Sorry again.
avatar
JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

Solved Re: NAVIGATION GAPS

Post by Akkii on Sat 19 Jan 2013 - 4:50

Hmm,then just follow first step that i gave you , put picture , name etc..
And then in CSS add hover like this. Should be working.

Code:
a[href="/pid=2"] {
background: url(linktohoverimage) no-repeat 0 0px;
}

If this is not working , then wait for someone with better knowlegde. :/
avatar
Akkii
Forumember

Male Posts : 710
Reputation : 107
Language : English,HTML, CSS,Photoshop,Javascript!
Location : Here on Forumotion!

http://www.csshelp.net

Back to top Go down

Solved Re: NAVIGATION GAPS

Post by JAN2XONLINE on Sat 19 Jan 2013 - 4:56

@Akkii wrote:Hmm,then just follow first step that i gave you , put picture , name etc..
And then in CSS add hover like this. Should be working.

Code:
a[href="/pid=2"] {
background: url(linktohoverimage) no-repeat 0 0px;
}

If this is not working , then wait for someone with better knowlegde. :/

What do you mean the first step?
avatar
JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

Solved Re: NAVIGATION GAPS

Post by Akkii on Sat 19 Jan 2013 - 4:58

I think that u first need to create navigation button in , ACP > Homepage
Headers & Navigation > Add a customized menu
This one.
avatar
Akkii
Forumember

Male Posts : 710
Reputation : 107
Language : English,HTML, CSS,Photoshop,Javascript!
Location : Here on Forumotion!

http://www.csshelp.net

Back to top Go down

Solved Re: NAVIGATION GAPS

Post by JAN2XONLINE on Sat 19 Jan 2013 - 5:04


^I got this.

Code:
a[href="/pid=2"] {
background: url(http://i855.photobucket.com/albums/ab117/jan2xonline/cafehover_zps113da58b.png) no-repeat 0 0px;
}

Test forum, test forum
avatar
JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

Solved Re: NAVIGATION GAPS

Post by Akkii on Sat 19 Jan 2013 - 5:08

Give me the link of your image for navigation. Normal one , not hover.
avatar
Akkii
Forumember

Male Posts : 710
Reputation : 107
Language : English,HTML, CSS,Photoshop,Javascript!
Location : Here on Forumotion!

http://www.csshelp.net

Back to top Go down

Solved Re: NAVIGATION GAPS

Post by JAN2XONLINE on Sat 19 Jan 2013 - 5:12



Code:
http://i855.photobucket.com/albums/ab117/jan2xonline/cafe_zpsd31e2ac3.png
avatar
JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

Solved Re: NAVIGATION GAPS

Post by Akkii on Sat 19 Jan 2013 - 5:14

Check your forum now , is it good like that?
avatar
Akkii
Forumember

Male Posts : 710
Reputation : 107
Language : English,HTML, CSS,Photoshop,Javascript!
Location : Here on Forumotion!

http://www.csshelp.net

Back to top Go down

Solved Re: NAVIGATION GAPS

Post by JAN2XONLINE on Sat 19 Jan 2013 - 5:17

@Akkii wrote:Check your forum now , is it good like that?

Yes! Perfect! I'll just edit the image to center it. Very Happy!
avatar
JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

Solved Re: NAVIGATION GAPS

Post by Akkii on Sat 19 Jan 2013 - 5:18

Good.
This is solved too. Smile
avatar
Akkii
Forumember

Male Posts : 710
Reputation : 107
Language : English,HTML, CSS,Photoshop,Javascript!
Location : Here on Forumotion!

http://www.csshelp.net

Back to top Go down

Solved Re: NAVIGATION GAPS

Post by JAN2XONLINE on Sat 19 Jan 2013 - 5:18

@Akkii wrote:Good.
This is solved too. Smile

Wait, how did you do that?
avatar
JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

Solved Re: NAVIGATION GAPS

Post by Akkii on Sat 19 Jan 2013 - 5:20

I just added image URL in the button you made.
avatar
Akkii
Forumember

Male Posts : 710
Reputation : 107
Language : English,HTML, CSS,Photoshop,Javascript!
Location : Here on Forumotion!

http://www.csshelp.net

Back to top Go down

Solved Re: NAVIGATION GAPS

Post by JAN2XONLINE on Sat 19 Jan 2013 - 5:22

@Akkii wrote:I just added image URL in the button you made.

Ohh, but no hover image?
avatar
JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

Solved Re: NAVIGATION GAPS

Post by Akkii on Sat 19 Jan 2013 - 5:26

You got automatic hover. And i don't think that u need some other hover for that button , because like this it looks way much better. Smile
avatar
Akkii
Forumember

Male Posts : 710
Reputation : 107
Language : English,HTML, CSS,Photoshop,Javascript!
Location : Here on Forumotion!

http://www.csshelp.net

Back to top Go down

Solved Re: NAVIGATION GAPS

Post by JAN2XONLINE on Sat 19 Jan 2013 - 5:31

@Akkii wrote:You got automatic hover. And i don't think that u need some other hover for that button , because like this it looks way much better. Smile

Okay, thanks a lot! Very Happy
avatar
JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

Solved Re: NAVIGATION GAPS

Post by Akkii on Sat 19 Jan 2013 - 5:32

Nothing , again Smile
avatar
Akkii
Forumember

Male Posts : 710
Reputation : 107
Language : English,HTML, CSS,Photoshop,Javascript!
Location : Here on Forumotion!

http://www.csshelp.net

Back to top Go down

Solved Re: NAVIGATION GAPS

Post by Base on Sat 19 Jan 2013 - 5:58

Topic Solved & Locked
avatar
Base
Forumaster

Male Posts : 10386
Reputation : 1688
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

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