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

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.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
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.

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.

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


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;

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

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?

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

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; }

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

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.

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... :/

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?

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.

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

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?

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.

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

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 ?

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. :/

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.

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!

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.

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;}

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;}

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.


SLGray
Administrator
Administrator

Male Posts : 36697
Reputation : 2445
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.

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.

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.


SLGray
Administrator
Administrator

Male Posts : 36697
Reputation : 2445
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