Valider 95183d02 rédigé par marcimat's avatar marcimat
Parcourir les fichiers

Intégration du plugin Menus Prive Alpha (suite et fin) 

Dans le bandeau, on indique par une classe CSS les entrées favorites,
et s'il y a des favoris dans un menu, les entrées non favorites (pour aider à styler aucazou).
On décore un peu. 
On passe aussi en 2 colonnes lorsqu'il y a plus de 20 entrées dans un menu.
parent 50e5f66f

prive/squelettes/inclure/barre-nav.html

+29 −12
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
@@ -32,20 +32,37 @@ 
		</div>

	</div>



	<div id="bando_navigation">

		<div class="largeur clearfix">

	<div id='bando_navigation'>

		<div class='largeur clearfix'>

			<B_boutons>

			<ul class="deroulant">

				<BOUCLE_boutons(POUR)

					{tableau #GET{boutons}}

				<ul class='deroulant'>

					<BOUCLE_boutons(DATA)

					{source tableau, #GET{boutons}}

					{cle!=outils_rapides}

					{cle!=outils_collaboratifs}>[<li (#CLE|=={menu_accueil}|ou{#VALEUR{sousmenu}}|?{' ',#SET{li,''}}) #SET{li,'</li>'}

						[class="(#VAL{first}|unique)"]><a

						href="[(#VALEUR{url}|sinon{#CLE}|bandeau_creer_url{#VALEUR{urlArg},#GET{contexte}})]"

						id="bando1_#CLE">[(#VALEUR{libelle}|_T)]</a>]<B_sous><ul><BOUCLE_sous(POUR)

						{tableau #VALEUR{sousmenu}}>[<li><a

								href="[(#VALEUR{url}|sinon{#CLE}|bandeau_creer_url{#VALEUR{urlArg},#GET{contexte}})]"

								class="bando2_#CLE">(#VALEUR{libelle}|_T)</a></li>]</BOUCLE_sous></ul></B_sous>#GET{li}</BOUCLE_boutons></ul>

					{cle!=outils_collaboratifs}>

					[<li (#CLE|=={menu_accueil}|ou{#VALEUR{sousmenu}}|?{' ',#SET{li,''}}) #SET{li,'</li>'}[class="(#VAL{first}|unique)"]>

					<a href="[(#VALEUR{url}|sinon{#CLE}|bandeau_creer_url{#VALEUR{urlArg},#GET{contexte}})]" id="bando1_#CLE">

						[(#LIBELLE|_T)]

					</a>

					][(#REM)

					permettra d'ajouter une classe sur les entrées non favorites

					si le menu a des entrées favorites, pour faciliter le stylage CSS

					][(#SET{has_favoris,0})]

					<B_sous>

						<ul[ (#TOTAL_BOUCLE|>{20}|oui)class="menu-2col"]>

							<BOUCLE_sous(DATA){source tableau, #SOUSMENU}>

							[(#FAVORI|oui)#SET{has_favoris,1}]

							[<li[ class="(#FAVORI|?{favori,[(#GET{has_favoris}|?{non_favori})]})"]>

							<a href="[(#VALEUR{url}|sinon{#CLE}|bandeau_creer_url{#VALEUR{urlArg},#GET{contexte}})]" class="bando2_#CLE">

								(#LIBELLE|_T)

							</a>

							</li>]

							</BOUCLE_sous>

						</ul>

					</B_sous>

					#GET{li}

					</BOUCLE_boutons>

				</ul>

			</B_boutons>

		</div>

	</div>

prive/themes/spip/bando.css.html

+4 −0
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
@@ -29,6 +29,7 @@ 
#bando_haut ul.deroulant li ul li {float:none;position:static;}

#bando_haut ul.deroulant li.actif,#bando_haut ul.deroulant li.actif_tempo { background-color: #[(#ENV{claire}|couleur_eclaircir|couleur_eclaircir)]; z-index: 100; }

#bando_haut ul.deroulant li ul {border: 1px solid #aaaaaa; border-top: 0; text-align:#ENV{left}; height: auto; width: auto; display: block; position:absolute; #ENV{left}:-3000em;margin-#ENV{left}:-1px; }

#bando_haut ul.deroulant li ul.menu-2col { max-width: initial;  -moz-column-count: 2; -moz-column-gap: 0;  -webkit-column-count: 2; -webkit-column-gap: 0; -webkit-perspective:1; column-count: 2; column-gap: 0; }

#bando_haut ul.deroulant li.actif ul, #bando_haut ul.deroulant li.actif_tempo ul { #ENV{left}:auto;}

#bando_haut ul.deroulant li a { display: block;  color:#444; font-weight:bold;}

#bando_haut ul.deroulant li ul li { background-color: #fff; }
@@ -36,6 +37,9 @@ 
#bando_haut ul.deroulant li ul li a:hover,

#bando_haut ul.deroulant li ul li a:focus { background-color: #[(#ENV{claire}|couleur_eclaircir|couleur_eclaircir)]; }



#bando_haut ul.deroulant li.non_favori { background-color: #[(#ENV{claire}|couleur_eclaircir{.92})]; }

#bando_haut ul.deroulant li.favori + li.non_favori { border-top:1px solid #aaa; }



#bando_identite { line-height:2em; background: #[(#ENV{claire}|couleur_eclaircir|couleur_eclaircir)]; color: #666; overflow:hidden; z-index:10;position:relative;}

#bando_identite p { width: 50%; padding: 1px 0; margin:0;}

#bando_identite p img { vertical-align: middle; }

Forge communautaire SPIP | Charte d'utilisation | Signaler un problème sur ce site