Scribd Logo
Importer

Bienvenue sur Scribd !

  • Jqueryslidemenu Css

    Transféré par

    sudeepmfp
    599 vues4 pages
    This document contains CSS code for styling a slide menu with sub menus. It defines styles for the top level menu links, sub menu lists, links within sub menus, and arrow images used to expand sub menus. Key selectors include .jqueryslidemenu for the menu container, ul and li for the list structure, and classes for hover states and positioning arrows.

    Description originale:

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Formats disponibles

    TXT, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    This document contains CSS code for styling a slide menu with sub menus. It defines styles for the top level menu links, sub menu lists, links within sub menus, and arrow images used to expand sub menus. Key selectors include .jqueryslidemenu for the menu container, ul and li for the list structure, and classes for hover states and positioning arrows.

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme TXT, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    599 vues4 pages

    Jqueryslidemenu Css

    Transféré par

    sudeepmfp
    This document contains CSS code for styling a slide menu with sub menus. It defines styles for the top level menu links, sub menu lists, links within sub menus, and arrow images used to expand sub menus. Key selectors include .jqueryslidemenu for the menu container, ul and li for the list structure, and classes for hover states and positioning arrows.

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme TXT, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 4

    .

    jqueryslidemenu{
    font: bold 12px Verdana;
    background: #414141;
    width: 100%;
    }
    .jqueryslidemenu ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
    }
    /*Top level list items*/
    .jqueryslidemenu ul li{
    position: relative;
    display: inline;
    float: left;
    }
    /*Top level menu link items style*/
    .jqueryslidemenu ul li a{
    display: block;
    background: #414141; /*background of tabs (default state)*/
    color: white;
    padding: 8px 10px;
    border-right: 1px solid #778;
    color: #2d2b2b;
    text-decoration: none;
    }
    * html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave corr
    ectly*/
    display: inline-block;
    }
    .jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
    color: white;
    }
    .jqueryslidemenu ul li a:hover{
    background: black; /*tab link background during hover state*/
    color: white;
    }
    /*1st sub level menu*/
    .jqueryslidemenu ul li ul{
    position: absolute;
    left: 0;
    display: block;
    visibility: hidden;
    }
    /*Sub level menu list items (undo style from Top level List Items)*/
    .jqueryslidemenu ul li ul li{
    display: list-item;
    float: none;
    }
    /*All subsequent sub menu levels vertical offset after 1st level sub menu */
    .jqueryslidemenu ul li ul li ul{
    top: 0;
    }
    /* Sub level menu links style */
    .jqueryslidemenu ul li ul li a{
    font: normal 13px Verdana;
    width: 160px; /*width of sub menus*/
    padding: 5px;
    margin: 0;
    border-top-width: 0;
    border-bottom: 1px solid gray;
    }
    .jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
    background: #eff9ff;
    color: black;
    }
    .jqueryslidemenuz ul li div
    {
    margin-top:0;
    position:fixed;
    }

    /* ######### CSS classes applied to down and right arrow images ######### */
    .downarrowclass{
    position: absolute;
    top: 12px;
    right: 7px;
    }
    .rightarrowclass{
    position: absolute;
    top: 6px;
    right: 5px;
    }
    .jqueryslidemenu{
    font: bold 12px Verdana;
    background: #414141;
    width: 100%;
    }
    .jqueryslidemenu ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
    }
    /*Top level list items*/
    .jqueryslidemenu ul li{
    position: relative;
    display: inline;
    float: left;
    }
    /*Top level menu link items style*/
    .jqueryslidemenu ul li a{
    display: block;
    background: #414141; /*background of tabs (default state)*/
    color: white;
    padding: 8px 10px;
    border-right: 1px solid #778;
    color: #2d2b2b;
    text-decoration: none;
    }
    * html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave corr
    ectly*/
    display: inline-block;
    }
    .jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
    color: white;
    }
    .jqueryslidemenu ul li a:hover{
    background: black; /*tab link background during hover state*/
    color: white;
    }
    /*1st sub level menu*/
    .jqueryslidemenu ul li ul{
    position: absolute;
    left: 0;
    display: block;
    visibility: hidden;
    }
    /*Sub level menu list items (undo style from Top level List Items)*/
    .jqueryslidemenu ul li ul li{
    display: list-item;
    float: none;
    }
    /*All subsequent sub menu levels vertical offset after 1st level sub menu */
    .jqueryslidemenu ul li ul li ul{
    top: 0;
    }
    /* Sub level menu links style */
    .jqueryslidemenu ul li ul li a{
    font: normal 13px Verdana;
    width: 160px; /*width of sub menus*/
    padding: 5px;
    margin: 0;
    border-top-width: 0;
    border-bottom: 1px solid gray;
    }
    .jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
    background: #eff9ff;
    color: black;
    }
    .jqueryslidemenuz ul li div
    {
    margin-top:0;
    position:fixed;
    }
    /* ######### CSS classes applied to down and right arrow images ######### */
    .downarrowclass{
    position: absolute;
    top: 12px;
    right: 7px;
    }
    .rightarrowclass{
    position: absolute;
    top: 6px;
    right: 5px;
    }

    Vous aimerez peut-être aussi