Création d'un modèle « sous-rubrique » pour l'affichage des tutos XMPP

This commit is contained in:
Vincent Calame 2019-11-28 23:03:21 +01:00 committed by root
parent 8d84a7c29a
commit 56aab44c34
3 changed files with 47 additions and 0 deletions

34
css/ajout.css Normal file
View File

@ -0,0 +1,34 @@
/*******************************************************
* Ajout
*******************************************************/
.modele-sousrubrique-bouton.bouton-utilise {
max-width: 480px;
}
.modele-sousrubrique-bouton img {
margin-right: 16px;
}
.modele-sousrubrique-bouton.bouton-utilise {
display: flex;
align-items: center;
text-align: left;
}
.modele-rubrique-soustitre {
font-style: italic;
}
.modele-sousrubrique-liste {
margin-top: 30px;
}
@media screen and (max-width: 600px) {
.spip_documents_right img {
width: 120px;
height: auto;
}
}

View File

@ -6,3 +6,4 @@
[(#REM) Feuilles de style perso] [(#REM) Feuilles de style perso]
<link href="#CHEMIN{css/perso.css}" rel="stylesheet" type="text/css" /> <link href="#CHEMIN{css/perso.css}" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="#CHEMIN{css/favicon.ico}" type="image/x-icon"> <link rel="shortcut icon" href="#CHEMIN{css/favicon.ico}" type="image/x-icon">
<link href="#CHEMIN{css/ajout.css}" rel="stylesheet" type="text/css" />

12
modeles/sousrubrique.html Normal file
View File

@ -0,0 +1,12 @@
<div class="modele-sousrubrique-liste">
<BOUCLE_sousrubriques(RUBRIQUES) {id_rubrique=#ENV{id}}>
<BOUCLE_sousarticles(ARTICLES){id_rubrique}>
<article>
<a class="modele-sousrubrique-bouton bouton-utilise" href="#URL_ARTICLE">
[(#LOGO_ARTICLE|image_reduire{48,48})]
<span>#SURTITRE<br><span class="modele-rubrique-soustitre">#SOUSTITRE</span></span>
</a>
</article>
</BOUCLE_sousarticles>
</BOUCLE_sousrubriques>
</div>