Results 1 to 1 of 1

Thread: about bevel horizontal menu

  1. #1
    Join Date
    Dec 2020
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default about bevel horizontal menu

    hi, i'm very beginner with css and general codes.
    i see that mybb is very hard if you want build something,
    while WordPress is very easy also for beginners.

    i wanted a new menu bar, where add some elements,
    maybe 4, maybe 10, or maybe use the default mybb bar
    and "bevel horizontal menu" like a second one.

    i have copy the css code, but of course i have copy it
    in the wrong place, i think.

    why on the top of the code you don't write where to go
    for copy all the codes included in the page ???

    without guide, i have follow my brain:
    1) i go in acp, templates & style
    2) on the center page i choose default theme
    3) on the center page i choose global.css
    4) then the button: edit stylesheet advanced mode
    5) on the code, i go bottom and i add the css i have
    found on dd page, exactly this:

    Code:
    <style type="text/css">
    
    .bevelmenu{
    font: bold 13px arial;
    padding: 6px 0;
    margin: 0;
    width: 100%;
    background-color: #FFF2BF;
    text-align: left; /*set value to "right" for example to align menu to the right of page*/
    }
    
    .bevelmenu li{
    list-style: none;
    display: inline;
    }
    
    .bevelmenu li a{
    padding: 3px 0.5em;
    text-decoration: none;
    color: black;
    background-color: #FFF2BF;
    border: 2px solid #FFF2BF;
    }
    
    .bevelmenu li a:hover{
    color: black;
    background-color: #FFE271;
    border-style: outset;
    }
    
    html>body .bevelmenu li a:active{ /* Apply mousedown effect only to NON IE browsers */
    border-style: inset;
    }
    </style>
    
    i don't have add also the html code:
    
    <ul class="bevelmenu">
    <li><a href="http://www.dynamicdrive.com">Dynamic Drive</a></li>
    <li><a href="http://www.javascriptkit.com">JavaScript Kit</a></li>
    <li><a href="http://www.codingforums.com">Coding Forums</a></li>
    <li><a href="http://www.cssdrive.com">CSS Drive</a></li>
    <li><a href="http://www.google.com">Google</a></li>
    </ul>
    because i don't know where it must be write.

    thank anyone for the help
    Last edited by james438; 12-25-2020 at 03:27 PM. Reason: format

Similar Threads

  1. Vista Aero Buttons Menu Variation (Horizontal CSS Menu)
    By waskol in forum Submit a DHTML or CSS code
    Replies: 0
    Last Post: 05-15-2009, 01:40 AM
  2. Trying to make a menu similar to the horizontal menu on www.atlantasky.com
    By moogprodigy in forum Looking for such a script or service
    Replies: 0
    Last Post: 01-23-2009, 09:07 PM
  3. Replies: 2
    Last Post: 09-26-2008, 01:49 PM
  4. Replies: 2
    Last Post: 11-13-2007, 09:15 AM
  5. Replies: 0
    Last Post: 08-29-2007, 09:37 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •