1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Moving visitor_tab to header [Deleted]

Discussion in 'Template Modifications' started by ibaker, Apr 20, 2013.

  1. ibaker

    ibaker Well-Known Member

    ibaker submitted a new resource:

    Moving visitor_tab to header - A template edit methos to move the Visitor Menu (Username, Inbox, Alerts and Log Out) to the top of

    Read more about this resource...
     
    Shelley, Hlchia and erich37 like this.
  2. erich37

    erich37 Well-Known Member

    great stuff and super idea (y)

    is anyone able to build this into an Add-on, so we can get rid of annoying template-edits ?


    Many thanks!

    :coffee:
     
  3. presidentYT

    presidentYT Member

    How can i get this to float to the left...
     
  4. ibaker

    ibaker Well-Known Member

    In the .user_menu that you added to your EXTRA.css change the float: right to float: left but you would have to do something about the height and float of your logo
     
  5. Matthew Hawley

    Matthew Hawley Well-Known Member

    This is what it looks like on the personal details page and latest alerts page

    Personal Details - LetsPWN.png
     
  6. ibaker

    ibaker Well-Known Member

    I would presume that it is displaying that way due to the style you are using. It seems to be putting a margin to the top of it.

    In step 4 where you added the code in your EXTRA.css, try adding a margin-top: 0px; to it:
    Code:
    /* USER MENU */
    .user_menu
    {
        background-color: @primaryDarker;
        padding: 0 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        box-shadow: 0px 2px 5px @primaryDarker;
        float:right;
        margin-top: 0px;
    }
    If that doesn't work try making the 0px a negative amount like -10px playing around with the value till you get it correct.

    If that still doesn't work try putting an !important into it so it overrides any other margin that your style may have effecting it like:
    margin-top: 0px !important;
     
  7. ibaker

    ibaker Well-Known Member

    This resource has been removed and is no longer available for download.
     

Share This Page