Changeset 60251 in spip-zone


Ignore:
Timestamp:
Apr 10, 2012, 3:45:10 AM (8 years ago)
Author:
webmaster@…
Message:

Navkeyrub : amélioration de la CSS

Location:
_plugins_/acs/sets/cat/composants/navkeyrub
Files:
6 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/acs/sets/cat/composants/navkeyrub/ecrire/composant.xml

    r60197 r60251  
    4242  </variable>
    4343  <variable>
    44     <nom>Margin</nom>
    45     <type>text</type>
     44    <nom>Sep</nom>
     45    <type>color</type>
    4646  </variable>
    47  
     47
    4848  <variable>
    4949    <nom>Fond</nom>
  • _plugins_/acs/sets/cat/composants/navkeyrub/ecrire/navkeyrub_mep.html

    r60197 r60251  
    3939&Bord2&
    4040&BordRond&
    41 &Margin&
     41&Sep&
    4242<hr />
    4343&Shadow&
  • _plugins_/acs/sets/cat/composants/navkeyrub/inc-nkr.html

    r60197 r60251  
    33  <BOUCLE_groupe(GROUPES_MOTS){id_groupe=#GET{idG}}>
    44    <B_mots>
    5     [(#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'Titre'}}|!={non}|?{' '})<div class="bloc-title"><a href="[(#URL_PAGE{mots}|parametre_url{id_groupe,#ID_GROUPE})]" title="#TITRE">[(#TITRE|supprimer_numero|couper{80})]</a></div>]
    6     <ul class="menu">
     5    <ul class="menu">    [(#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'Titre'}}|!={non}|?{' '})<li class="bloc-title"><a href="[(#URL_PAGE{mots}|parametre_url{id_groupe,#ID_GROUPE})]" title="#TITRE">[(#TITRE|supprimer_numero|couper{80})]</a></li>]
    76    <BOUCLE_mots(MOTS){id_groupe}{par num titre,titre}>
    8       <li class="menu-item mots">[(#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'CouleurMot'}}|!={non}|?{" "})
     7      <li class="menu-item mot">[(#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'CouleurMot'}}|!={non}|?{" "})
    98          <style>[
    10             a#nkr#ID_MOT:link, a#nkr#ID_MOT:visited {color:#(#LOGO_MOT|couleur_extraire|sinon{#VAR{acsFondLink}|substr{1}})}][
    11             a#nkr#ID_MOT:hover {color:#(#LOGO_MOT_SURVOL|couleur_extraire|sinon{#VAR{acsFondLinkHover}|substr{1}})}]
     9            div.cNavKeyRub[(#NIC)] a.nkr#ID_MOT:link, div.cNavKeyRub[(#NIC)] a.nkr#ID_MOT:visited {color:#(#LOGO_MOT|couleur_extraire|sinon{#VAR{acsFondLink}|substr{1}})}][
     10            div.cNavKeyRub[(#NIC)] a.nkr#ID_MOT:hover {color:#(#LOGO_MOT_SURVOL|couleur_extraire|sinon{#VAR{acsFondLinkHover}|substr{1}})}]
    1211          </style>
    13         ][(#SET{AFILLES,""})]<BOUCLE_test_rub(RUBRIQUES){tout}{id_mot}{0,1}>[(#SET{AFILLES,menu-item-haschilds})]</BOUCLE_test_rub><a  href="#URL_MOT"[ title="(#DESCRIPTIF|textebrut|couper{80}|sans_guillemets)"][ class="(#GET{AFILLES})"]><span class="titre">[(#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'Affiche'}}|!={titre}|?{" "})[(#LOGO_MOT|image_reduire{#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'LogoMax'},20}})]][(#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'Affiche'}}|!={logo}|?{" "})[(#TITRE|supprimer_numero|couper{80})]]</span></a>
     12        ][(#SET{AFILLES,""})]<BOUCLE_test_rub(RUBRIQUES){tout}{id_mot}{0,1}>[(#SET{AFILLES,menu-item-haschilds})]</BOUCLE_test_rub><a class="nkr#ID_MOT[ (#GET{AFILLES})]" href="#URL_MOT"[ title="(#DESCRIPTIF|textebrut|couper{80}|sans_guillemets)"]><span class="titre">[(#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'Affiche'}}|!={titre}|?{" "})[(#LOGO_MOT|image_reduire{#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'LogoMax'},20}})]][(#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'Affiche'}}|!={logo}|?{" "})[(#TITRE|supprimer_numero|couper{80})]]</span></a>
    1413        <B_rubriques>
    1514            <ul class="smenu sm1 hidden">
  • _plugins_/acs/sets/cat/composants/navkeyrub/inc-nkr_articles.html

    r60197 r60251  
    1 [(#CACHE{0})]<B_art><li class="menu-item"><ul class="titres-articles"><BOUCLE_art(ARTICLES){id_rubrique}><li class="menu-item"><a  href="#URL_ARTICLE" title="[(#DESCRIPTIF|textebrut|couper{80}|sans_guillemets)]" class="menu-item"><span class="titre">[(#TITRE|supprimer_numero|couper{80})]</span></a></li></BOUCLE_art></ul></li></B_art>
     1[(#CACHE{0})]<B_art><BOUCLE_art(ARTICLES){id_rubrique}><li class="menu-item"><a  href="#URL_ARTICLE" title="[(#DESCRIPTIF|textebrut|couper{80}|sans_guillemets)]" class="menu-item titre-article"><span class="titre">[(#TITRE|supprimer_numero|couper{80})]</span></a></li></BOUCLE_art></B_art>
  • _plugins_/acs/sets/cat/composants/navkeyrub/navkeyrub.css.html

    r60197 r60251  
    22.cNavKeyRub {
    33  text-align: #LANG_LEFT;
    4   z-index: (#GET{z-index});
     4  [z-index: (#GET{z-index});]
    55}
    6 .cNavKeyRub .bloc-title {
     6.cNavKeyRub li.bloc-title {
    77  text-align : center;
    88  font-weight: bold;
    99}
    10 .cNavKeyRub .menu-item {
     10.cNavKeyRub li.menu-item {
    1111  position: relative;
    1212  text-align: #LANG_LEFT;
    13   [border-top: 1px solid (#VAR{acsRubnavSep});]
    1413  font-weight: normal;
     14}
     15.cNavKeyRub li.menu-item:first-child {
     16  border-top: 0;
    1517}
    1618.cNavKeyRub li.menu-item a {
     
    2325  padding-bottom: 2px;
    2426}
     27.cNavKeyRub li.menu-item a.titre-article {
     28  font-style: italic;
     29}
    2530.cNavKeyRub .menu-item img.spip_logos {
    2631  vertical-align: middle;
     
    3035  position: absolute;
    3136  #LANG_LEFT: 100%;
    32   width: 100%;
    3337  min-width: 150px;
    3438}
     
    3640  display: none;
    3741}
    38 .cNavKeyRub .menu-item:hover>ul.hidden {
     42.cNavKeyRub .menu-item a:hover>ul.hidden {
    3943  display: block;
    4044}
    41 .cNavKeyRub#NIC li.menu-item  a.menu-item-haschilds, .cNavKeyRub#NIC li.menu-item  a.menu-item-haschilds:hover {
     45.cNavKeyRub li.menu-item  a.menu-item-haschilds, .cNavKeyRub li.menu-item  a.menu-item-haschilds:hover {
    4246  background-position: center[ (#LANG_RIGHT|=={left}|?{left,right})];
    4347  background-repeat: no-repeat;
  • _plugins_/acs/sets/cat/composants/navkeyrub/navkeyrub_instances.css.html

    r60197 r60251  
    22.cNavKeyRub#NIC ul.menu, .cNavKeyRub#NIC ul.smenu {[
    33  (#MODELE{c_css_shadow}{c=Navkeyrub}{nic})]
     4}
     5.cNavKeyRub#NIC li.bloc-title {[
     6  background: (#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'TitreFond'}})[ url("(#ACS_CHEMIN{trame/#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'TitreFondImage'}}})") repeat top left];][(#MODELE{c_css_border-radius}{c=Navkeyrub}{nic}{var=BordRond}{sauf=bottom})]
    47}
    58.cNavKeyRub#NIC ul.menu {
     
    710  [border-style: (#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'Bord/Style'}});]
    811  [border-color: (#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'Bord/Color'}});][
    9   (#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'Titre'}}|=={oui}|?{"border-top: 0;"})][
    10   (#MODELE{c_css_border-radius}{c=Navkeyrub}{nic}{var=BordRond}{sauf=[(#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'Titre'}}|=={oui}|?{"top"})]})]
     12  (#MODELE{c_css_border-radius}{c=Navkeyrub}{nic}{var=BordRond})]
    1113}
    12 .cNavKeyRub#NIC ul.smenu {
    13   [border-width: (#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'Bord2/Width'}});]
    14   [border-style: (#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'Bord2/Style'}});]
    15   [border-color: (#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'Bord2/Color'}});][
     14.cNavKeyRub#NIC ul.smenu {[
     15  border-width: (#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'Bord2/Width'}});][
     16  border-style: (#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'Bord2/Style'}});][
     17  border-color: (#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'Bord2/Color'}});][
    1618  top: -(#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'Bord2/Width'}});]
    17   [padding: (#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'Margin'}});]
    18   padding-left: 0;
    19   padding-right: 0;
    2019}
    21 .cNavKeyRub#NIC ul.smenu, .cNavKeyRub#NIC ul.titres-articles {[
    22   (#MODELE{c_css_border-radius}{c=Navkeyrub}{nic}{var=BordRond})]
    23   border-radius-top#LANG_LEFT: 0;
    24   -moz-border-radius-top#LANG_LEFT: 0;
    25   -webkit-border-radius-top#LANG_LEFT: 0;
    26   -khtml-border-radius-top#LANG_LEFT: 0;
    27 }
    28 .cNavKeyRub#NIC .bloc-title {[
    29   background: (#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'TitreFond'}})[ url("(#ACS_CHEMIN{trame/#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'TitreFondImage'}}})") repeat top left];][
    30   (#MODELE{c_css_border-radius}{c=Navkeyrub}{nic}{var=BordRond}{sauf=bottom})]
    31   [border-width: (#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'Bord/Width'}});]
    32   [border-style: (#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'Bord/Style'}});]
    33   [border-color: (#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'Bord/Color'}});]
    34   border-bottom: 0;
    35 }
    36 .cNavKeyRub#NIC ul.titres-articles {[
    37   background: (#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'FondArticle'}});]
    38   font-style: italic;
    39 }
    40 [.cNavKeyRub#NIC .menu-item a:hover { background: (#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'FondHover'}});[
    41   (#MODELE{c_css_border-radius}{c=Navkeyrub}{nic}{var=BordRond})]}]
    42 
    43 [.cNavKeyRub#NIC ul.menu {background: (#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'Fond'}});[z-index: (#GET{z-index}|plus{1});]}][
     20[.cNavKeyRub#NIC li.menu-item {
     21  border-top: 1px solid (#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'Sep'}});
     22}][
     23.cNavKeyRub#NIC li.menu-item a:hover { background: (#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'FondHover'}});}][
     24.cNavKeyRub#NIC ul.menu {background: (#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'Fond'}});[z-index: (#GET{z-index}|plus{1});]}][
    4425.cNavKeyRub#NIC ul.menu ul.smenu {background: (#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'Fond2'}});[z-index: (#GET{z-index}|plus{2});]}][
    4526.cNavKeyRub#NIC ul.menu ul.smenu ul.smenu {background: (#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'Fond3'}});[z-index: (#GET{z-index}|plus{3});]}][
     
    5435.cNavKeyRub#NIC li.menu-item  a.menu-item-haschilds:hover {
    5536  background-image: url("(#ACS_CHEMIN{triangles/deplierbason.gif})");
    56 }]
    57 [(#REM) orientation horizontale ][(#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'Orientation'}}|=={horizontal}|?{" "})
    58 .cNavKeyRub#NIC li.mots {
     37}][
     38.cNavKeyRub#NIC a.titre-article {
     39  background: (#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'FondArticle'}});
     40}][(#REM)
     41
     42Horizontal
     43 
     44][(#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'Orientation'}}|=={horizontal}|?{" "})
     45.cNavKeyRub#NIC li.mot {
    5946  float : left;
    6047  position: relative;
    6148}
    62 .cNavKeyRub#NIC ul.sm1 {[
    63   (#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'Affiche'}}|!={titre}|?{" "})top: [(#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'LogoMax'},20}|plus{7})]px;]
     49.cNavKeyRub#NIC ul.sm1 {[(#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'Affiche'}}|!={titre}|?{" "})
     50  top: [(#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'LogoMax'},20}|plus{12})]px;]
    6451  #LANG_LEFT: 0;
    6552}
    6653.cNavKeyRub#NIC ul.menu {
    67   height: [(#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'LogoMax'},20}|plus{10})]px;
     54  height: [(#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'LogoMax'},20}|plus{[(#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'Titre'}}|=={oui}|?{32,12})]})]px;
     55}
     56][(#REM)
     57
     58Vertical
     59
     60][(#VAR{#EVAL{'acsNavkeyrub'.'#NIC'.'Orientation'}}|=={horizontal}|?{""," "})[
     61.cNavKeyRub#NIC li.mot:first-child>a {
     62  (#MODELE{c_css_border-radius}{c=Navkeyrub}{nic}{var=BordRond}{sauf=bottom})
     63}][
     64.cNavKeyRub#NIC li.mot:last-child>a {
     65  (#MODELE{c_css_border-radius}{c=Navkeyrub}{nic}{var=BordRond}{sauf=top})
    6866}]
     67]
Note: See TracChangeset for help on using the changeset viewer.