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.
The forum of the forums
3 posters

    How to add a menu link/button via css?

    Diana
    Diana
    Diana
    Active Poster


    Female Posts : 1286
    Reputation : 21
    Language : English
    • Post n°1

    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
    • Back to top
    Guest
    avatar
    Guest
    Guest


    • Post n°2

    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.
    • Back to top
    SLGray
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51498
    Reputation : 3523
    Language : English
    Location : United States
    • Post n°3

    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.
    • Back to top
    Diana
    Diana
    Diana
    Active Poster


    Female Posts : 1286
    Reputation : 21
    Language : English
    • Post n°4

    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.
    • Back to top
    Diana
    Diana
    Diana
    Active Poster


    Female Posts : 1286
    Reputation : 21
    Language : English
    • Post n°5

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

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

    anyone? Smile
    • Back to top
    Diana
    Diana
    Diana
    Active Poster


    Female Posts : 1286
    Reputation : 21
    Language : English
    • Post n°6

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

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

    Diana wrote:anyone? Smile
    • Back to top
    TheCrow
    TheCrow
    TheCrow
    Manager
    Manager


    Male Posts : 6916
    Reputation : 795
    Language : Greek, English
    • Post n°7

    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.



    How to add a menu link/button via css? Thecro10
    		 Forum of the Forums

    Forumotion Rules | Tips & Tricks |
    FAQ | Did you forget your password?


    *** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
    No support via PM!
    • Back to top
    Diana
    Diana
    Diana
    Active Poster


    Female Posts : 1286
    Reputation : 21
    Language : English
    • Post n°8

    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?
    • Back to top
    Diana
    Diana
    Diana
    Active Poster


    Female Posts : 1286
    Reputation : 21
    Language : English
    • Post n°9

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

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

    can anyone help!?
    • Back to top
    TheCrow
    TheCrow
    TheCrow
    Manager
    Manager


    Male Posts : 6916
    Reputation : 795
    Language : Greek, English
    • Post n°10

    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



    How to add a menu link/button via css? Thecro10
    		 Forum of the Forums

    Forumotion Rules | Tips & Tricks |
    FAQ | Did you forget your password?


    *** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
    No support via PM!
    • Back to top
    Diana
    Diana
    Diana
    Active Poster


    Female Posts : 1286
    Reputation : 21
    Language : English
    • Post n°11

    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.
    • Back to top
    TheCrow
    TheCrow
    TheCrow
    Manager
    Manager


    Male Posts : 6916
    Reputation : 795
    Language : Greek, English
    • Post n°12

    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



    How to add a menu link/button via css? Thecro10
    		 Forum of the Forums

    Forumotion Rules | Tips & Tricks |
    FAQ | Did you forget your password?


    *** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
    No support via PM!
    • Back to top
    Diana
    Diana
    Diana
    Active Poster


    Female Posts : 1286
    Reputation : 21
    Language : English
    • Post n°13

    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
    • Back to top
    SLGray
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51498
    Reputation : 3523
    Language : English
    Location : United States
    • Post n°14

    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.
    • Back to top

      Current date/time is September 22nd 2024, 9:29 pm