The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

How to add a menu link/button via css?

3 posters

Go down

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

Post by Diana 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
Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

View user profile

Back to top Go down

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

Post by Guest 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.
avatar
Guest
Guest


Back to top Go down

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

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

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

AP > Display >Homepage > Navigation & Headers


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

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

Male Posts : 50346
Reputation : 3473
Language : English
Location : United States

View user profile https://forumsclub.com/gc/128-link-directory/

Back to top Go down

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

Post by Diana 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
Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

View user profile

Back to top Go down

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

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

anyone? Smile
Diana
Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

View user profile

Back to top Go down

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

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

Diana wrote:anyone? Smile
Diana
Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

View user profile

Back to top Go down

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

Post by TheCrow 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.
TheCrow
TheCrow
Manager
Manager

Male Posts : 6787
Reputation : 788
Language : Greek, English

View user profile https://forumote.forumotion.com

Back to top Go down

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

Post by Diana 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
Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

View user profile

Back to top Go down

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

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

can anyone help!?
Diana
Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

View user profile

Back to top Go down

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

Post by TheCrow 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
TheCrow
TheCrow
Manager
Manager

Male Posts : 6787
Reputation : 788
Language : Greek, English

View user profile https://forumote.forumotion.com

Back to top Go down

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

Post by Diana 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
Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

View user profile

Back to top Go down

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

Post by TheCrow 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
TheCrow
TheCrow
Manager
Manager

Male Posts : 6787
Reputation : 788
Language : Greek, English

View user profile https://forumote.forumotion.com

Back to top Go down

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

Post by Diana 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
Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

View user profile

Back to top Go down

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

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

Topic solved and archived


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

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

Male Posts : 50346
Reputation : 3473
Language : English
Location : United States

View user profile https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top

- Similar topics

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