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.

How to add a menu link/button via css?

View previous topic View next topic Go down

Solved How to add a menu link/button via css?

Post by Diana on November 17th 2015, 2:38 pm

what the title says.


Last edited by Diana on November 27th 2015, 3:42 pm; edited 1 time in total

Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: How to add a menu link/button via css?

Post by Wolfuryo on November 17th 2015, 6:51 pm

Hello,

Sorry, but you can't add links in the menu using CSS. You can do that via HTML or JavaScript.

Wolfuryo
Forumember

Posts : 48
Reputation : 15
Language : Romanian and English

http://board.realmsn.com

Back to top Go down

Solved Re: How to add a menu link/button via css?

Post by SLGray on November 17th 2015, 7:32 pm

You can add customized links and buttons to the menu here:

AP > Display >Homepage > Navigation & Headers


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


SLGray
Administrator
Administrator

Male Posts : 35677
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: How to add a menu link/button via css?

Post by Diana on November 17th 2015, 10:36 pm

@SLGray wrote:You can add customized links and buttons to the menu here:

AP > Display >Homepage > Navigation & Headers
I know but the rest of the menu is made via css and if I make a button through navigation and headers it appears lower than the rest of my menu.
The link/button is a custom one (a link to and html page) so I dunno what codes I'm supposed to use.
Like, for example, this is one of the codes I use:
Code:
/* Index / Home */
#i_icon_mini_index{width:102px; height:57px; background:url("IMG URL") no-repeat 0 0;}

The link I want to add in the menu is http://velvet.forum.co.ee/VHH-h10.htm, I want to use a button for it.

html or javascript would be fine too if it works.

Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: How to add a menu link/button via css?

Post by Diana on November 18th 2015, 11:17 pm

anyone? Smile

Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: How to add a menu link/button via css?

Post by Diana on November 19th 2015, 11:43 pm

@Diana wrote:anyone? Smile

Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: How to add a menu link/button via css?

Post by Luffy on November 19th 2015, 11:48 pm

Hello @Diana, have you tried adding a rule for the button?
For example
Code:
z-index:999999!important;

This works for elements with lower z-index. If this doesn't work for you, you can easily create your own menu via the templates and using CSS for each and every one of the links you want.






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Solved Re: How to add a menu link/button via css?

Post by Diana on November 20th 2015, 1:17 am

@Luffy wrote:Hello @Diana, have you tried adding a rule for the button?
For example
Code:
z-index:999999!important;

This works for elements with lower z-index. If this doesn't work for you, you can easily create your own menu via the templates and using CSS for each and every one of the links you want.
Thanks for the reply! Smile
Do I just make the button the normal way and then add this z thingy in the css?

Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: How to add a menu link/button via css?

Post by Diana on November 24th 2015, 12:01 am

can anyone help!?

Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: How to add a menu link/button via css?

Post by Luffy on November 24th 2015, 12:04 am

@Diana try creating the menu link via the Admin Panel way mentioned above and we'll change it together and place it wherever you want using CSS.
** Please give us your forum also! Smile






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Solved Re: How to add a menu link/button via css?

Post by Diana on November 27th 2015, 1:29 am

http://test.forumpro.eu/
I mean the VHH button. It's clearly lower than the rest of the menu.

Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: How to add a menu link/button via css?

Post by Luffy on November 27th 2015, 1:38 am

Ok @Diana, try adding this in your CSS:
Code:
a.mainmenu[href="http://velvet.forum.co.ee/VHH-h10.htm"] img {
    margin-top: -10px !important;
    margin-bottom: 10px;
}
This should line up the button! Smile






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Solved Re: How to add a menu link/button via css?

Post by Diana on November 27th 2015, 3:41 pm

@Luffy wrote:Ok @Diana, try adding this in your CSS:
Code:
a.mainmenu[href="http://velvet.forum.co.ee/VHH-h10.htm"] img {
    margin-top: -10px !important;
    margin-bottom: 10px;
}
This should line up the button! Smile
thanks, it worked! Smile

Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: How to add a menu link/button via css?

Post by SLGray on November 27th 2015, 5:05 pm

Topic solved and archived


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


SLGray
Administrator
Administrator

Male Posts : 35677
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


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