Anonymous Login
06-18-2018 05:00 PM

View Issue Details Jump to Notes ]
IDProjectCategoryView StatusLast Update
0004776SMF 2.1Templatepublic2012-06-15 18:42
Summary0004776: Minor CSS tweaks for drop menus
Description1/ Should really have this added to highlight the chosen secton in admin,etc:

.dropmenu li li a.chosen
    font-weight: bold;

2/ Should also really have a >> indicator on second level links where there is a third level sub menu.

3/ Positioning and styling tweaks as per my variants, for better looks and usability. Don't forget to add them. :P

.dropmenu li ul
    z-index: 90;
    display: none;
    position: absolute;
    left: -6px;
    width: 17em;
    font-weight: normal;
    background: #fff url(../images/theme/menu_gfx.png) -30 -137px repeat-x;
    border: solid 1px #999;
    border-radius: 4px;
    box-shadow: 1px 2px 2px 1px #999;
    padding: 6px 0 2px 0;
.dropmenu li li
    width: 17em;
    margin: 0;
.dropmenu li li a span
    display: block;
    padding: 8px;
.dropmenu li ul ul
    margin: -2.4em 0 0 15em;
    padding: 2px 0;
Attached Files




Spuds (Viewer)

Added a subsections class to the menus (that have a subsection) to help with css styling (in place of the ...)

.dropmenu li li.subsections
    background: url(../images/admin/subsection.gif) no-repeat 98% center;

this also gets appended to the additional_items class as "additional_items subsection"


Spuds (Viewer)

Last edited: 2012-03-30 08:50

View 2 revisions


* ! [Bug 4776] Minor CSS tweaks for drop menus. Adds some basic css(3) to the drop menus.


! Additional menu refinements and restructuring

MantisBT (Modified for SMF Intergration)[^] Copyright © 2000 - 2010 Mantis Group