Changeset 91466 in spip-zone for _plugins_/menu_anime


Ignore:
Timestamp:
Aug 25, 2015, 9:11:26 AM (5 years ago)
Author:
louis.possoz@…
Message:

v1.0.3: reglages + adaptation mobiles

Location:
_plugins_/menu_anime/trunk
Files:
2 added
5 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/menu_anime/trunk/css/menu_anime.css

    r91370 r91466  
    4747        }
    4848       
    49         .menu_anime a {
     49        .menu_anime li a {
    5050                float: left;
     51                margin: 0;
    5152                padding: 6px 30px;
    52                 color: #ffffff;
     53                color: #eeeeff;
     54                background: none;
    5355                text-transform: uppercase;
    5456                font: bold 12px Arial, Helvetica, sans-serif;
     
    8587        }
    8688
    87         .menu_anime li:hover > ul {
     89        .menu_anime li:hover > ul, .menu_anime li>a:focus + ul {
    8890                opacity: 1;
    8991                visibility: visible;
     
    119121        }
    120122       
    121         .menu_anime ul a {   
     123        .menu_anime ul a {
     124                -moz-box-sizing: content-box;
     125                -webkit-box-sizing: content-box;
     126                box-sizing: content-box;
    122127                padding: 6px 10px;
    123128                width: 130px;
     
    128133                text-transform: none;
    129134        }
    130        
    131         .menu_anime .on > a {
    132                 background-color: #982d16;
    133                 background: -moz-linear-gradient(#db4221, #56180b);
    134                 background: -webkit-linear-gradient(#db4221, #56180b); 
    135                 background: -o-linear-gradient(#db4221, #56180b);
    136                 background: -ms-linear-gradient(#db4221, #56180b);
    137                 background: linear-gradient(#db4221, #56180b);
     135               
     136        .menu_anime a:focus, .menu_anime a:active, .menu_anime a:visited {
     137                background: none !important;
     138                color: #eeeeff;
    138139        }
    139140       
    140141        .menu_anime > li > a:hover, .menu_anime ul a:hover {
     142                color: #ffffff;
    141143                background-color: #b75d45;
    142144                background: -moz-linear-gradient(#ffa06f, #701b1b);
     
    157159       
    158160        .menu_anime ul li:first-child > a {
    159                 -moz-border-top-left-radius: 6px;
    160                 -webkit-border-top-left-radius: 6px;
    161                 border-top-left-radius: 6px;
    162                 -moz-border-top-right-radius: 6px;
    163                 -webkit-border-top-right-radius: 6px;
    164                 border-top-right-radius: 6px;
     161                -moz-border-top-left-radius: 3px;
     162                -webkit-border-top-left-radius: 3px;
     163                border-top-left-radius: 3px;
     164                -moz-border-top-right-radius: 3px;
     165                -webkit-border-top-right-radius: 3px;
     166                border-top-right-radius: 3px;
    165167        }
    166168       
     
    215217                .menu_anime-trigger {
    216218                        display: block; /* show menu icon */
    217                         height: 40px;
    218                         line-height: 40px;
     219                        height: 30px;
     220                        line-height: 30px;
    219221                        cursor: pointer;               
    220222                        padding: 0 0 0 35px;
    221                         border: 1px solid #222222;
    222223                        color: #ffffff;
    223224                        font-weight: bold;
     
    238239                /* main nav */
    239240                .menu_anime {
    240                         margin: 0; padding: 10px;
    241                         position: absolute;
    242                         top: 40px;
     241                        margin: 0; padding: 0;
     242                        position: relative;
     243                        top: 0;
    243244                        width: 100%;
    244245                        z-index: 1;
     
    300301                        float: none;
    301302                        padding: 0;
    302                         color: #d8d8d8;
    303303                }
    304304
    305305                .menu_anime a:hover{
    306306                        color: #ffffff;
    307                 }       
     307                        background-color: #b75d45;
     308                        background: -moz-linear-gradient(#ffa06f, #701b1b);
     309                        background: -webkit-linear-gradient(#ffa06f, #701b1b); 
     310                        background: -o-linear-gradient(#ffa06f, #701b1b);
     311                        background: -ms-linear-gradient(#ffa06f, #701b1b);
     312                        background: linear-gradient(#ffa06f, #701b1b);
     313                }
    308314
    309315                .menu_anime ul a{
    310316                        padding: 0;
    311317                        width: auto;           
    312                 }
    313 
    314                 .menu_anime ul a:hover{
    315                         background: none;       
    316318                }
    317319
  • _plugins_/menu_anime/trunk/lang/paquet-menu_anime_en.php

    r91383 r91466  
    88        // M
    99        'menu_anime_description' => 'Controls the display of a menu with an elaborated style sheet: gradients, box and text shadows, rounded corners and box animation.
     10Included: automatic compact version for mobiles.
    1011
    1112Nice complement to the {{Menus}} plugin for example.',
  • _plugins_/menu_anime/trunk/lang/paquet-menu_anime_fr.php

    r91383 r91466  
    88        // M
    99        'menu_anime_description' => 'Gère l\'affichage d\'un menu au moyen d\'une feuille de style élaborée: dégradés de couleurs, ombrage des menus et textes, coins arrondis et animation des menus.
     10Inclu: une version compacte automatique pour mobiles.
    1011       
    1112Complément du plugin {{Menus}} par exemple.',
  • _plugins_/menu_anime/trunk/menu_anime_pipelines.php

    r91370 r91466  
    2020        return $flux;
    2121}
     22
     23function menu_anime_insert_head($flux){
     24        $flux .= '<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>';
     25   
     26        $flux .= '<script type="text/javascript" src="'.find_in_path('javascript/menu_anime.js').'"></script>';
     27        return $flux;
     28}
    2229?>
  • _plugins_/menu_anime/trunk/paquet.xml

    r91383 r91466  
    22        prefix="menu_anime"
    33        categorie="navigation"
    4         version="1.0.2"
     4        version="1.0.3"
    55        etat="dev"
    6         compatibilite="[3.0.20;3.0.*]"
     6        compatibilite="[3.0.0;3.1.*]"
    77        logo="img/menu_anime-64.png"
    8         documentation="http://contrib.spip.net/Menu-anime-deroulant"
     8        documentation="http://contrib.spip.net/Menu-anime"
    99>
    1010        <nom>Menu animé</nom>
    1111
    12         <auteur mail="louis.possoz@quelfutur.org">Louis Possoz</auteur>
     12        <auteur lien="http://www.quelfutur.org/archive/louis_possoz.html">Louis Possoz</auteur>
    1313        <credit lien="http://red-team-design.com/css3-dropdown-menu/">Catalin Rosu - Red Team Design</credit>
    1414        <copyright>2011-2015</copyright>
     
    1616
    1717        <pipeline nom="insert_head_css" inclure="menu_anime_pipelines.php" />
     18        <pipeline nom="insert_head" inclure="menu_anime_pipelines.php" />
    1819
    1920</paquet>
Note: See TracChangeset for help on using the changeset viewer.