Squelette élégant pour vos photos
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

83 lines
3.3 KiB

[(#REM)
header : banniere et barre de navigation
param:
- id_rubrique (facultatif) expose la rubrique + lien de traduction
- id_article (facultatif) expose la rubrique
- class ajoute une classe en plus
]
<!-- header -->
<header class="header rwd-hidden[ (#ENV{class})]" role="banner" id="top">
<div class="container container-aoto">
<div class="header-inner">
<div class="header-logo">
<a href="#URL_SITE_SPIP" class="header-logo-link">
[<div class="header-logo-titre">(#NOM_SITE_SPIP)</div>]
[<div class="header-logo-ss-titre">(#SLOGAN_SITE_SPIP)</div>]
</a>
</div>
<ul class="header-nav">
[(#REM)
menu:
on liste toutes les rubriques à la racine non cachées
]
<BOUCLE_nav(RUBRIQUES){titre !=='^999.'}{aoto_menu_cache != 'on'}{par num titre}{racine}>
<li>
<a href="#URL_RUBRIQUE"[ class="(#EXPOSE)"]>#TITRE</a>
[(#REM) sous menu
- si option PG_MENU_SSMENU activée sur la rubrique
]<B_ss_nav>
<ul class="header-nav-nav">
<BOUCLE_ss_nav(ARTICLES){id_rubrique}{par num titre}{!par date}{0,15}{si #AOTO_MENU_SSMENU|oui}>
<li><a href="#URL_ARTICLE"[ class="(#EXPOSE)"]>#TITRE</a></li>
</BOUCLE_ss_nav>
</ul>
</B_ss_nav>
</li>
</BOUCLE_nav>
[<li class="nav-rezo rezo-instagram"><a href="(#CONFIG{aoto/rezo_instagram}|trim)" target="_blank">[(#CHEMIN{img/logo-instagram.svg}|balise_img)]</a></li>]
[<li class="nav-rezo rezo-facebook"><a href="(#CONFIG{aoto/rezo_facebook}|trim)" target="_blank">[(#CHEMIN{img/logo-facebook.svg}|balise_img)]</a></li>]
</ul>
</div>
</div>
</header>
<!-- #header -->
<!-- header responsive (fixed navbar) -->
<nav class="navbar navbar-expand-lg navbar-dark rwd-show[ (#ENV{class})]">
<a class="navbar-brand" href="#URL_SITE_SPIP">
[<div class="navbar-brand-titre">(#NOM_SITE_SPIP)</div>]
[<div class="navbar-brand-ss-titre">(#SLOGAN_SITE_SPIP)</div>]
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">
<BOUCLE_rub_rwd(RUBRIQUES){titre !=='^999.'}{aoto_menu_cache != 'on'}{par num titre}{racine}>
<li class="nav-item">
<a href="#URL_RUBRIQUE" class="nav-link[ (#EXPOSE)]">#TITRE</a>
[(#REM) sous menu
- si option AOTO_MENU_SSMENU activée sur la rubrique
]<B_ss_nav_rwd>
<ul class="navbar-nav-nav">
<BOUCLE_ss_nav_rwd(ARTICLES){id_rubrique}{par num titre}{!par date}{0,15}{si #AOTO_MENU_SSMENU|oui}>
<li><a href="#URL_ARTICLE"[ class="(#EXPOSE)"]>#TITRE</a></li>
</BOUCLE_ss_nav_rwd>
</ul>
</B_ss_nav_rwd>
</li>
</BOUCLE_rub_rwd>
[(#CONFIG{aoto/rezo_facebook}|sinon{#CONFIG{aoto/rezo_instagram}}|oui)<li class="nav-item nav-rezo-wrapper">
<ul>
[<li class="nav-rezo rezo-facebook"><a href="(#CONFIG{aoto/rezo_facebook}|trim)" target="_blank">[(#CHEMIN{img/logo-facebook.svg}|balise_img)]</a></li>]
[<li class="nav-rezo rezo-instagram"><a href="(#CONFIG{aoto/rezo_instagram}|trim)" target="_blank">[(#CHEMIN{img/logo-instagram.svg}|balise_img)]</a></li>]
</ul>
</li>]
</ul>
</div>
</nav>
<!-- header responsive -->
#FILTRE{trim}