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 1 of 2 1, 2  Next

View previous topic View next topic Go down

Solved NAVIGATION GAPS

Post by JAN2XONLINE on January 18th 2013, 2:09 pm



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 January 19th 2013, 11:32 am; 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 Sir Chivas™ on January 18th 2013, 3:38 pm

Hi,

You can try this code:
Code:
a.mainmenu {
    margin-left: -1px;
}



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.


avatar
Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6797
Reputation : 431
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: NAVIGATION GAPS

Post by JAN2XONLINE on January 18th 2013, 10:43 pm

Sir Chivas™ wrote:Hi,

You can try this code:
Code:
a.mainmenu {
    margin-left: -1px;
}

Not working sir.
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 January 18th 2013, 11:13 pm

Can you provide your forum url?

Thanks.
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 January 19th 2013, 12:21 am

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 January 19th 2013, 12:24 am

Try this code. Add it in CSS.

Code:
#i_icon_mini_portal {
width: 72px!important;
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 January 19th 2013, 12:39 am

@Akkii wrote:Try this code. Add it in CSS.

Code:
#i_icon_mini_portal {
width: 72px!important;

Worked! What about the rest? Confused
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 January 19th 2013, 12:40 am

Can you put whole navigation , so i can give you code?
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 January 19th 2013, 12:42 am

@Akkii wrote:Can you put whole navigation , so i can give you code?

Sure, give me a sec. 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 January 19th 2013, 12:53 am

Add this.

Code:
#i_icon_mini_index {
width: 60px!important; }

And this.
Code:
#i_icon_mini_login {
height: 66px!important; }
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 January 19th 2013, 12:58 am

@Akkii wrote:Add this.

Code:
#i_icon_mini_index {
width: 60px!important;

Not working... Confused groar



And the login/logout is not align. Confused
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 January 19th 2013, 12:59 am

I edited my post above , copy it , and try.
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 January 19th 2013, 1:05 am

@Akkii wrote:I edited my post above , copy it , and try.

Still not working... :/
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 January 19th 2013, 1:08 am

Can you provide me admin access via PM?
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 January 19th 2013, 1:11 am

@Akkii wrote:Can you provide me admin access via PM?

Sure.Sent.
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 January 19th 2013, 1:13 am

Fixed. 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 January 19th 2013, 1:18 am

@Akkii wrote:Fixed. Smile

Thank you! Can you tell me how to remove the highlight when I hover it? You can't?
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 January 19th 2013, 1:19 am

Remove all the hover things from CSS , and add code that i gaved you today for 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 January 19th 2013, 1:22 am

@Akkii wrote:Remove all the hover things from CSS , and add code that i gaved you today for hover.

I did...

This are the only codes I'm using for hover,
Spoiler:
#i_icon_mini_index{width:63px;height:65px;background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/FORUMS-1_zps68fb1e63.png) no-repeat 0 0;}
#i_icon_mini_index:hover{background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/FORUMSHOVER_zps97f06e70.png) no-repeat 0 0px;}
#i_icon_mini_portal{width:68px;height:65px;background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/PORTAL_zps4b260edc.png) no-repeat 0 0;}
#i_icon_mini_portal:hover{background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/PORTALHOVER_zpsed04aa10.png) no-repeat 0 0;}

#i_icon_mini_calendar{width:60px;height:65px;background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/CALENDAR_zpsba38d43c.png) no-repeat 0 0;}
#i_icon_mini_calendar:hover{background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/CALENDARHOVER_zps36995418.png) no-repeat 0 0;}
#i_icon_mini_gallery{width:60px;height:65px;background:url(http://i624.photobucket.com/albums/tt328/SoulMonster/24majuxjpg.png) no-repeat 0 0;}
#i_icon_mini_gallery:hover{background:url(http://i624.photobucket.com/albums/tt328/SoulMonster/24majuxjpghover.png) no-repeat 0 0;}

#i_icon_mini_faq{width:60px;height:65px;background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/FAQ_zps9475fdaa.png) no-repeat 0 0;}
#i_icon_mini_faq:hover{background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/FAQHOVER_zps424daa0f.png) no-repeat 0 0;}
#i_icon_mini_search{width:60px;height:65px;background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/search2_zps421df3d0.png) no-repeat 0 0;}
#i_icon_mini_search:hover{background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/searchhover2_zpsfb78b5b4.png) no-repeat 0 0;}
#i_icon_mini_members{width:60px;height:65px;background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/MEMBERS_zpsa74b14d8.png) no-repeat 0 0;}
#i_icon_mini_members:hover{background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/MEMBERSHOVER_zps36ddbef4.png) no-repeat 0 0;}
#i_icon_mini_groups{width:60px;height:65px;background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/GROUPS_zps3901f260.png) no-repeat 0 0;}
#i_icon_mini_groups:hover{background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/GROUPSHOVER_zps81a81571.png) no-repeat 0 0px;}
#i_icon_mini_profile{width:60px;height:65px;background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/PROFILE_zpsdffc6184.png) no-repeat 0 0;}
#i_icon_mini_profile:hover{background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/pROFILEHOVER_zps7d1d4c48.png) no-repeat 0 0;}
#i_icon_mini_message{width:60px;height:65px;background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/inbox-2_zps0bd733eb.png) no-repeat 0 0;}
#i_icon_mini_message:hover{background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/inboxhover_zps26bec311.png) no-repeat 0 0;}
#i_icon_mini_new_message{width:60px;height:65px;background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/newpm_zps59f67cf1.png) no-repeat 0 0;}
#i_icon_mini_new_message:hover{background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/newpmhover_zps794a54ff.png) no-repeat 0 0;}
#i_icon_mini_logout{width:60px;height:66px;background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/LOGOUT_zps82a10b39.png) no-repeat 0 0;}
#i_icon_mini_logout:hover{background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/LOGOUTHOVER_zps87dfc1cc.png) no-repeat 0 0;}
#i_icon_mini_register{width:60px;height:65px;background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/REGISTER_zps8ffa7ca2.png) no-repeat 0 0;}
#i_icon_mini_register:hover{background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/REGISTERHOVER_zps64ed0600.png) no-repeat 0 0;}
#i_icon_mini_login{width:60px;height:65px;background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/LOGIN_zps0a0ba3d3.png) no-repeat 0 0;}
#i_icon_mini_login:hover{background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/LOGINHOVER_zpsb2e268a9.png) no-repeat 0 0;}

EDIT! NEVERMIND, ITS ALL GOOD NOW! THANKS AGAIN!


Last edited by JAN2XONLINE on January 19th 2013, 1:23 am; edited 1 time 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 Akkii on January 19th 2013, 1:23 am

You want to have hover like you have on your forum , or ?
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 January 19th 2013, 1:24 am

@Akkii wrote:You want to have hover like you have on your forum , or ?

All good now. Thanks. banana groar

SEE HERE

WAITTTT, the login button is still not fixed. :/
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 January 19th 2013, 1:26 am

Find #i_icon_mini_login { and change Height to 66px.
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 January 19th 2013, 1:27 am

@Akkii wrote:Find #i_icon_mini_login { and change Height to 66px.

Done!!!! Thank you so much again and again. :wouhou: guitar groar

Solved!
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 January 19th 2013, 1:28 am

Eh , no problem , i am here to help.
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 January 19th 2013, 1:40 am

@Akkii wrote:Eh , no problem , i am here to help.

Another one, what should I put in the code for a customized navbar?

Is it like this?

#i_icon_mini_?pid=2{width:60px;height:66px;background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/cafe_zpsd31e2ac3.png) no-repeat 0 0;}
#i_icon_mini_?pid=2:hover{background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/cafehover_zps113da58b.png) no-repeat 0 0;}
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 January 19th 2013, 1:47 am

I think that u first need to create navigation button in , ACP > Homepage
Headers & Navigation > Add a customized menu

Then you add in your CSS.
Code:
#i_icon_mini_nameofbuttonhere{width:63px;height:65px;background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/FORUMS-1_zps68fb1e63.png) no-repeat 0 0;}
#i_icon_mini_nameofbuttonhere:hover{background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/FORUMSHOVER_zps97f06e70.png) no-repeat 0 0px;}
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 SLGray on January 19th 2013, 1:50 am

Is this solved as it is marked with the solved icon?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 38255
Reputation : 2577
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: NAVIGATION GAPS

Post by JAN2XONLINE on January 19th 2013, 1:54 am

@SLGray wrote:Is this solved as it is marked with the solved icon?

No not yet, I'll be back after 4hrs. I have work.

@akkii, ill try that later.
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 January 19th 2013, 4:24 am

Sorry for double posting... Confused



@Akkii wrote:I think that u first need to create navigation button in , ACP > Homepage
Headers & Navigation > Add a customized menu

Then you add in your CSS.
Code:
#i_icon_mini_nameofbuttonhere{width:63px;height:65px;background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/FORUMS-1_zps68fb1e63.png) no-repeat 0 0;}
#i_icon_mini_nameofbuttonhere:hover{background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/FORUMSHOVER_zps97f06e70.png) no-repeat 0 0px;}

It's not working.

Spoiler:
#i_icon_mini_wattpadcafe{width:63px;height:65px;background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/cafe_zpsd31e2ac3.png) no-repeat 0 0;}
#i_icon_mini_wattpadcafe:hover{background:url(http://i855.photobucket.com/albums/ab117/jan2xonline/cafehover_zps113da58b.png) no-repeat 0 0px;}
^
This is the code I'm using for the custom navbar.
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 SLGray on January 19th 2013, 4:36 am

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.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 38255
Reputation : 2577
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Page 1 of 2 1, 2  Next

View previous topic View next topic Back to top


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