Changeset 112840 in spip-zone


Ignore:
Timestamp:
Dec 16, 2018, 4:56:03 PM (2 months ago)
Author:
root
Message:

EscalV4 : proposition d'un 2e menu horizontal style "méga menu" full CSS

Location:
_squelettes_/escal/trunk
Files:
4 added
6 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/escal/trunk/config.css.html

    r112525 r112840  
    317317        color:  [(#CONFIG{escal/config/texte01,#FFFFFF})];
    318318}
    319 
     319.nav > li > div {
     320        border-color: [(#CONFIG{escal/config/couleur9,#336699})];
     321}
    320322/* fond des pages */
    321323#conteneur{
     
    370372        color:  [(#CONFIG{escal/config/text3,#FFFFFF})] !important;
    371373}
     374
    372375/* bleu tres fonce */
    373376.laune ul.anchors li a:hover, .laune .art-exergue:hover, #menu li:hover > a, ul#menu ul li:hover,
  • _squelettes_/escal/trunk/formulaires/configurer_escal_menuh.html

    r112554 r112840  
    3131                            <input type="radio" name="#GET{name}" id="#GET{name}_non" value="non"
    3232                            [(#ENV{#GET{name}}|=={non}|oui)checked="checked"] /><label for="#GET{name}_non"><:item_non:></label>
     33                    </span>
     34                    <br /><br />
     35
     36        <:escal:menu_horizontal_choix:><br />
     37            #SET{name,choixMenuH}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}         
     38                    [<span class='erreur_message'>(#GET{erreurs})</span>
     39                    ]<span class="choix" >
     40                            <input type="radio" name="#GET{name}" id="#GET{name}_oui" value="menuH1"
     41                            [(#ENV{#GET{name}}|=={menuH2}|non)checked="checked"] /><label for="#GET{name}_oui"><:escal:menu_horizontal_choix_liste:></label>
     42
     43                            <input type="radio" name="#GET{name}" id="#GET{name}_non" value="menuH2"
     44                            [(#ENV{#GET{name}}|=={menuH2}|oui)checked="checked"] /><label for="#GET{name}_non"><:escal:menu_horizontal_choix_bloc:></label>
    3345                    </span>
    3446                    <br /><br />
  • _squelettes_/escal/trunk/inclusions/inc-entete.html

    r112788 r112840  
    11<header>
    22        <INCLURE {fond=inclusions/inc-bandeau}{env}>
    3         <div class="menudesktop">
     3
    44        [(#CONFIG{escal/config/menuH}|=={non}|non)
    55                [(#CONFIG{escal/config/rubniveaudeux}|=={oui}|non)
    6                         [(#CONFIG{escal/config/articlesmenuH}|=={oui}|oui)<INCLURE {fond=inclusions/inc-menuart}{env}>]
    7                         [(#CONFIG{escal/config/articlesmenuH}|=={oui}|non)<INCLURE {fond=inclusions/inc-menu}{env}>]
     6                        [(#CONFIG{escal/config/articlesmenuH}|=={oui}|oui)
     7                                [(#CONFIG{escal/config/choixMenuH}|=={menuH2}|non)
     8                                <INCLURE {fond=inclusions/inc-menuart}{env}>
     9                                ]
     10                                [(#CONFIG{escal/config/choixMenuH}|=={menuH2}|oui)
     11                                <INCLURE {fond=inclusions/inc-menuartH2}{env}>
     12                                ]
     13                        ]
     14                        [(#CONFIG{escal/config/articlesmenuH}|=={oui}|non)
     15                                [(#CONFIG{escal/config/choixMenuH}|=={menuH2}|non)
     16                                <INCLURE {fond=inclusions/inc-menu}{env}>
     17                                ]
     18                                [(#CONFIG{escal/config/choixMenuH}|=={menuH2}|oui)
     19                                <INCLURE {fond=inclusions/inc-menuH2}{env}>
     20                                ]
     21                        ]
    822                ]
    923                [(#CONFIG{escal/config/rubniveaudeux}|=={oui}|oui)
    10                         [(#CONFIG{escal/config/articlesmenuH}|=={oui}|oui)<INCLURE {fond=inclusions/inc-menu2eniveauart}{env}>]
    11                         [(#CONFIG{escal/config/articlesmenuH}|=={oui}|non)<INCLURE {fond=inclusions/inc-menu2eniveau}{env}>]
     24                        [(#CONFIG{escal/config/articlesmenuH}|=={oui}|oui)
     25                                [(#CONFIG{escal/config/choixMenuH}|=={menuH2}|non)
     26                                <INCLURE {fond=inclusions/inc-menu2eniveauart}{env}>
     27                                ]
     28                                [(#CONFIG{escal/config/choixMenuH}|=={menuH2}|oui)
     29                                <INCLURE {fond=inclusions/inc-menu2eniveauartH2}{env}>
     30                                ]
     31                        ]
     32                        [(#CONFIG{escal/config/articlesmenuH}|=={oui}|non)
     33                                [(#CONFIG{escal/config/choixMenuH}|=={menuH2}|non)
     34                                <INCLURE {fond=inclusions/inc-menu2eniveau}{env}>
     35                                ]
     36                                [(#CONFIG{escal/config/choixMenuH}|=={menuH2}|oui)
     37                                <INCLURE {fond=inclusions/inc-menu2eniveauH2}{env}>
     38                                ]
     39                        ]
    1240                ]
    1341        ]
    14         </div>
     42
    1543        <div class="menumobile">
    1644                [(#CONFIG{escal/config/articlesmenuH}|=={oui}|oui)<INCLURE {fond=inclusions/inc-menumobileart}{env}>]
  • _squelettes_/escal/trunk/lang/escal_fr.php

    r112795 r112840  
    576576        'menu_horizontal_affichage' => 'Affichage du menu horizontal',
    577577        'menu_horizontal_articles' => 'Avec affichage des articles',
     578        'menu_horizontal_choix' => 'Choix du menu horizontal',
     579        'menu_horizontal_choix_bloc' => 'Méga menu déroulant',
     580        'menu_horizontal_choix_liste' => 'Liste déroulante',
    578581        'menu_horizontal_fixer' => 'Fixer le menu en haut de page lors du scroll vers le bas',
    579582        'menu_horizontal_hauteur' => 'Hauteur des logos de rubrique en pixels   (Veillez à ce que vos logos aient une hauteur au moins égale à la valeur choisie)',
  • _squelettes_/escal/trunk/paquet.xml

    r112788 r112840  
    22        prefix="escal"
    33        categorie="squelette"
    4         version="4.2.21"
     4        version="4.2.22"
    55        schema="1.0.13"
    66        etat="stable"
  • _squelettes_/escal/trunk/styles/menu.css

    r112788 r112840  
     1/* ==================    Menu horizontal  H2 ==================*/
     2
     3/* Reset */
     4.nav,
     5.nav a,
     6.nav ul,
     7.nav li,
     8.nav div,
     9.nav form,
     10.nav input {
     11        margin: 0;
     12        padding: 0;
     13        border: none;
     14        outline: none;
     15}
     16.nav a {
     17        text-decoration: none;
     18}
     19.nav li {
     20        list-style: none;
     21}
     22/* Menu Container */
     23.nav {
     24        display: inline-block;
     25        position: relative;
     26        cursor: default;
     27        z-index: 500;
     28        margin-bottom: -3px;
     29}
     30
     31/* Menu List */
     32.nav > li {
     33        display: block;
     34        float: left;
     35}
     36/* Menu Links */
     37.nav > li > a{
     38        position: relative;
     39        display: block;
     40        z-index: 510;
     41        height: 54px;
     42        padding: 0 20px;
     43        line-height: 54px;
     44
     45        font-weight: bold;
     46        font-size: 13px;
     47        color: #fcfcfc;
     48        text-shadow: 0 0 1px rgba(0,0,0,.35);
     49
     50        background: transparent;
     51
     52    -webkit-transition: all .3s ease;
     53    -moz-transition: all .3s ease;
     54    -o-transition: all .3s ease;
     55    -ms-transition: all .3s ease;
     56        transition: all .3s ease;
     57}
     58.nav > li:hover > a {
     59        border-radius: 5px 5px 0 0;
     60}
     61
     62.nav > li:first-child > a {
     63    border-radius: 3px 0 0 3px;
     64    border-left: none;
     65}
     66
     67
     68/* Menu Dropdown */
     69 .nav > li:hover > a, .nav > li > div{
     70        background-color: white;
     71 }
     72 .nav .nav-column li a:hover {
     73        color: #666666;
     74 }
     75 .nav > li:hover > a {
     76        color: #372f2b;
     77 }
     78 .nav > li.on > a {
     79        background: #fff;
     80        color: #372f2b;
     81        border-radius: 5px 5px 0 0;
     82 }
     83.nav > li > div {
     84    position: absolute;
     85    display: block;
     86    width: 100%;
     87    top: 52px;
     88    left: 0;
     89
     90    opacity: 0;
     91    visibility: hidden;
     92    overflow: hidden;
     93
     94    border-radius: 0 0 5px 5px;
     95    border-width: 2px;
     96    border-style: solid;
     97
     98    -webkit-transition: all .3s ease .15s;
     99    -moz-transition: all .3s ease .15s;
     100    -o-transition: all .3s ease .15s;
     101    -ms-transition: all .3s ease .15s;
     102    transition: all .3s ease .15s;
     103}
     104.nav > li:hover > div {
     105    opacity: 1;
     106    visibility: visible;
     107    overflow: visible;
     108}
     109/* Menu Content Styles */
     110.nav .nav-column li {
     111    float: left;
     112    width: 20%;
     113    padding: 1%;
     114    text-align: left;
     115}
     116.nav .nav-column ul ul li{
     117    float: none;
     118    width: 100%;
     119    margin: 0 0 0 10px;
     120    text-align: left;
     121}
     122.nav .nav-column h3 {
     123    margin: 20px 0 10px 0;
     124    line-height: 18px;
     125
     126    font-weight: bold;
     127    font-size: 15px;
     128    color: #372f2b;
     129    text-transform: uppercase;
     130    text-align: center;
     131}
     132.nav .nav-column ul ul h3 {
     133    margin: 0 0 0 10px;
     134    line-height: 26px;
     135    font-size: 13px;
     136    text-align: left;
     137}
     138.nav .nav-column li a {
     139    display: block;
     140    line-height: 26px;
     141    font-weight: bold;
     142    font-size: 13px;
     143    color: #888888;
     144}
     145
     146.nav .nav-column ul ul .rubrique a {
     147    font-size: 13px;
     148    font-style: normal;
     149    text-transform: uppercase;
     150    color: #372f2b;
     151}
     152.nav .nav-column ul ul ul .rubrique a {
     153    font-size: 11px;
     154    font-style: normal;
     155    text-transform: uppercase;
     156    color: #372f2b;
     157}
     158.nav .nav-column .article a {
     159    font-style: italic !important;
     160    font-size: 11px !important;
     161    text-transform: none !important;
     162    color: #888888 !important;
     163}
     164
     165
    1166/* ==================    Menu horizontal  ==================*/
    2167
Note: See TracChangeset for help on using the changeset viewer.