spip-contrib-squelettes
/
escal
101
1
Fork 0
Code Issues 2 Pull Requests Releases Wiki Activity

On vire le tableau et on passe en flex + indentation

Browse Source
escalV4
jcvilleneuve 1 year ago
parent 971528a00f
commit a0ea7b0a48
3 changed files with 209 additions and 212 deletions
Show Stats Download Patch File Download Diff File

78
inclusions/inc-rubrique_trombino.html
Unescape Escape View File

@ -3,26 +3,23 @@
[<div id="texte-article">(#TEXTE|image_reduire{400})</div>]
</BOUCLE_rubrique_trombino>
<BOUCLE_articles_mots(ARTICLES){id_rubrique}>
<BOUCLE_mots_rubrique(MOTS){type=trombino}{id_article}{doublons mots}>
</BOUCLE_mots_rubrique>
</BOUCLE_articles_mots>
<BOUCLE_articles_mots(ARTICLES){id_rubrique}>
<BOUCLE_mots_rubrique(MOTS){type=trombino}{id_article}{doublons mots}>
</BOUCLE_mots_rubrique>
</BOUCLE_articles_mots>
<form action="#SELF">
[(#SELF|parametre_url{'debut_les_articles','0'}|form_hidden)]
<p><!-- juste pour la validation XHTML -->
<select name="id_mot" id="idselect" size="1">
<option value=""><:escal:collegues:></option>
<BOUCLE_mot_critere1(MOTS){!doublons mots}{par titre}>
[<option value="#ID_MOT" [(#ENV{id_mot}|=={#ID_MOT}|?{'selected="selected"',''})]>(#TITRE)</option>]
</BOUCLE_mot_critere1>
</select>
<button type="submit" >Afficher</button>
</p>
<p><!-- juste pour la validation XHTML -->
<select name="id_mot" id="idselect" size="1">
<option value=""><:escal:collegues:></option>
<BOUCLE_mot_critere1(MOTS){!doublons mots}{par titre}>
[<option value="#ID_MOT" [(#ENV{id_mot}|=={#ID_MOT}|?{'selected="selected"',''})]>(#TITRE)</option>]
</BOUCLE_mot_critere1>
</select>
<button type="submit" >Afficher</button>
</p>
</form>
@ -32,39 +29,38 @@
<div class="nettoyeur"></div>]
<div class="trombino">
<table>
<BOUCLE_les_articles(ARTICLES){id_rubrique}{par titre}{id_mot?}{pagination 15} >
[(#COMPTEUR_BOUCLE|alterner{'<tr>','',''})]
<td>
<div class="trombino">
</B_les_articles>
<ul class="trombines">
<BOUCLE_les_articles(ARTICLES){id_rubrique}{par titre}{id_mot?}{pagination 15} >
<li class="trombine">
<BOUCLE_docs(DOCUMENTS){id_article}{extension==jpg|png|gif}>
<div class="centrage" style="width: [(#FICHIER|image_reduire{150,175}|largeur|plus{10})]px">
<div class="ombre">
<div class="boite">
[(#FICHIER|image_reduire{150,175}|inserer_attribut{alt,#TITRE}|inserer_attribut{title,#TITRE})]
[(#FICHIER|image_reduire{150,175}|inserer_attribut{alt,#TITRE}|inserer_attribut{title,#TITRE})]
</div>
</div>
</div>
</div>
</BOUCLE_docs>
<div class="nom-photo">
#TITRE
</div>
<div class="adresse-photo">
#DESCRIPTIF
</div>
<div class="texte-photo">
#TEXTE
</div>
</td>
[(#COMPTEUR_BOUCLE|alterner{'','','</tr>'})]
</BOUCLE_les_articles>
[(#TOTAL_BOUCLE|alterner{'<td></td><td></td></tr>','<td></td></tr>',''})]
</table>
<div class="nom-photo">
#TITRE
</div>
<div class="adresse-photo">
#DESCRIPTIF
</div>
<div class="texte-photo">
#TEXTE
</div>
</li>
</BOUCLE_les_articles>
</ul>
</div>
[<nav class="pagination">(#PAGINATION)</nav>
<div class="nettoyeur"></div>]
</B_les_articles>
</B_les_articles>

21
styles/general.css
Unescape Escape View File

@ -1945,12 +1945,21 @@ blockquote.spip {
text-align: center;
margin: 10px;
}
.trombino table {
width: 100%;
}
.trombino td {
vertical-align: top;
width: 33%;
ul.trombines{
list-style: none;
margin: 0;
padding: 0;
display: inline-flex;
flex-wrap: wrap;
}
li.trombine{
width: 33%;
flex-grow: 1;
}
@media screen and (max-width: 800px) {
li.trombine{
width: 50%;
}
}
.centrage {
margin-right: auto;

322
trombino-auteurs.html
Unescape Escape View File

@ -1,172 +1,164 @@
<!DOCTYPE html>
<html lang="#LANG" >
<head>
<title>Les auteurs - [(#NOM_SITE_SPIP|textebrut)]</title>
[<meta name="description" content="(#DESCRIPTIF_SITE_SPIP|textebrut)" />]
[<link rel="canonical" href="(#URL_PAGE{trombino-auteurs})" />]
<INCLURE {fond=inclusions/inc-head, env}>
</head>
<head>
<title>Les auteurs - [(#NOM_SITE_SPIP|textebrut)]</title>
[<meta name="description" content="(#DESCRIPTIF_SITE_SPIP|textebrut)" />]
[<link rel="canonical" href="(#URL_PAGE{trombino-auteurs})" />]
<INCLURE {fond=inclusions/inc-head, env}>
</head>
<body id="top" [(#CONFIG{escal/config/menuH}|=={non}|non) onload="setHover('menu')"] class="page-trombino-auteurs">
<div id="ombre-gauche">
<div id="ombre-droite">
<div id="conteneur">
[(#CONFIG{escal/config/espace}|=={haut}|oui)
<INCLURE {fond=inclusions/inc-espace_self}{env}>
]
<div id="entete">
<INCLURE {fond=inclusions/inc-entete}>
</div>
[(#CONFIG{escal/config/espace}|=={haut}|non)
<INCLURE {fond=inclusions/inc-espace_self}{env}>
]
<div class="nettoyeur"></div>
<div id="page">
<main id="contenu">
<B_les_auteurs>
<div class="pagination-trombino">
#PAGINATION
</div>
<div id="ombre-gauche">
<div id="ombre-droite">
<div id="conteneur">
[(#CONFIG{escal/config/espace}|=={haut}|oui)
<INCLURE {fond=inclusions/inc-espace_self}{env}>
]
<div id="entete">
<INCLURE {fond=inclusions/inc-entete}>
</div>
[(#CONFIG{escal/config/espace}|=={haut}|non)
<INCLURE {fond=inclusions/inc-espace_self}{env}>
]
<div class="nettoyeur"></div>
<div id="page">
<main id="contenu">
<B_les_auteurs>
<div class="pagination-trombino">
#PAGINATION
</div>
<div class="trombino">
<ul class="trombines">
<BOUCLE_les_auteurs(AUTEURS){tout}{par nom}{pagination 15} >
<li class="trombine">
<div class="centrage" style="width:160px">
<div class="ombre">
<div class="boite">
[(#LOGO_AUTEUR|?{
[(#LOGO_AUTEUR|image_reduire{150,175})]
,
[(#CHEMIN{images/silhouette.jpg}|balise_img{logo auteur,spip_logos})]
})]
</div>
</div>
</div>
<div class="nom-photo">
<a href="#URL_AUTEUR">#NOM</a>
</div>
<div class="adresse-photo">
[(#STATUT|=={'0minirezo'}|oui)<:info_administrateur:>]
[(#STATUT|=={'1comite'}|oui)<:info_redacteur_1:>]
[(#STATUT|=={'6forum'}|oui)<:info_visiteur_1:>]
</div>
<div class="texte-photo">
[(#BIO)]
</div>
</li>
</BOUCLE_les_auteurs>
</ul>
</div>
<div class="pagination-trombino">
#PAGINATION
</div>
</B_les_auteurs>
</main>
</div>
[(#LANG_DIR|=={ltr}|oui)<section id="navigation">] [(#LANG_DIR|=={rtl}|oui)<section id="extra">]
<!-- affichage du formulaire de recherche-->
[(#CONFIG{escal/config/formrecherche}|=={colgauche}|oui)#FORMULAIRE_RECHERCHE<br />]
<!-- affichage des noisettes selectionnees dans la page de configuration -->
[(#CONFIG{escal/config/blocnavpages1}|oui) [(#CONFIG{escal/config/blocnavpages1}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocnavpages1}}{env}{ajax}></div>
]]
[(#CONFIG{escal/config/blocnavpages2}|oui) [(#CONFIG{escal/config/blocnavpages2}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocnavpages2}}{env}{ajax}></div>
]]
[(#CONFIG{escal/config/blocnavpages3}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocnavpages3,edito}}{env}{ajax}></div>
]
[(#CONFIG{escal/config/blocnavpages4}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocnavpages4,acces_direct}}{env}{ajax}></div>
]
[(#CONFIG{escal/config/blocnavpages5}|oui) [(#CONFIG{escal/config/blocnavpages5}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocnavpages5}}{env}{ajax}></div>
]]
[(#CONFIG{escal/config/blocnavpages6}|oui) [(#CONFIG{escal/config/blocnavpages6}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocnavpages6}}{env}{ajax}></div>
]]
[(#CONFIG{escal/config/blocnavpages7}|oui) [(#CONFIG{escal/config/blocnavpages7}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocnavpages7}}{env}{ajax}></div>
]]
[(#CONFIG{escal/config/blocnavpages8}|oui) [(#CONFIG{escal/config/blocnavpages8}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocnavpages8}}{env}{ajax}></div>
]]
[(#CONFIG{escal/config/blocnavpages9}|oui) [(#CONFIG{escal/config/blocnavpages9}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocnavpages9}}{env}{ajax}></div>
]]
[(#CONFIG{escal/config/blocnavpages10}|oui) [(#CONFIG{escal/config/blocnavpages10}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocnavpages10}}{env}{ajax}></div>
]]
</section> <!-- fin navigation -->
[(#LANG_DIR|=={ltr}|oui)<section id="extra">] [(#LANG_DIR|=={rtl}|oui)<section id="navigation">]
<!-- affichage du formulaire de recherche-->
[(#CONFIG{escal/config/formrecherche}|=={coldroite}|oui)#FORMULAIRE_RECHERCHE<br />]
<div class="trombino">
<table>
<BOUCLE_les_auteurs(AUTEURS){tout}{par nom}{pagination 15} >
[(#COMPTEUR_BOUCLE|alterner{'<tr>','',''})]
<td>
<div class="centrage" style="width:160px">
<div class="ombre">
<div class="boite">
[(#LOGO_AUTEUR|?{
[(#LOGO_AUTEUR|image_reduire{150,175})]
,
[(#CHEMIN{images/silhouette.jpg}|balise_img{logo auteur,spip_logos})]
})]
</div>
</div>
</div>
<div class="nom-photo">
<a href="#URL_AUTEUR">#NOM</a>
</div>
<div class="adresse-photo">
[(#STATUT|=={'0minirezo'}|oui)<:info_administrateur:>]
[(#STATUT|=={'1comite'}|oui)<:info_redacteur_1:>]
[(#STATUT|=={'6forum'}|oui)<:info_visiteur_1:>]
</div>
<div class="texte-photo">
[(#BIO)]
</div>
</td>
[(#COMPTEUR_BOUCLE|alterner{'','','</tr>'})]
</BOUCLE_les_auteurs>
[(#TOTAL_BOUCLE|alterner{'<td></td><td></td></tr>','<td></td></tr>',''})]
</table>
</div>
<div class="pagination-trombino">
#PAGINATION
</div>
</B_les_auteurs>
</main>
</div>
[(#LANG_DIR|=={ltr}|oui)<section id="navigation">] [(#LANG_DIR|=={rtl}|oui)<section id="extra">]
<!-- affichage du formulaire de recherche-->
[(#CONFIG{escal/config/formrecherche}|=={colgauche}|oui)#FORMULAIRE_RECHERCHE<br />]
<!-- affichage des noisettes selectionnees dans la page de configuration -->
[(#CONFIG{escal/config/blocnavpages1}|oui) [(#CONFIG{escal/config/blocnavpages1}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocnavpages1}}{env}{ajax}></div>
]]
[(#CONFIG{escal/config/blocnavpages2}|oui) [(#CONFIG{escal/config/blocnavpages2}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocnavpages2}}{env}{ajax}></div>
]]
[(#CONFIG{escal/config/blocnavpages3}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocnavpages3,edito}}{env}{ajax}></div>
]
[(#CONFIG{escal/config/blocnavpages4}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocnavpages4,acces_direct}}{env}{ajax}></div>
]
[(#CONFIG{escal/config/blocnavpages5}|oui) [(#CONFIG{escal/config/blocnavpages5}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocnavpages5}}{env}{ajax}></div>
]]
[(#CONFIG{escal/config/blocnavpages6}|oui) [(#CONFIG{escal/config/blocnavpages6}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocnavpages6}}{env}{ajax}></div>
]]
[(#CONFIG{escal/config/blocnavpages7}|oui) [(#CONFIG{escal/config/blocnavpages7}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocnavpages7}}{env}{ajax}></div>
]]
[(#CONFIG{escal/config/blocnavpages8}|oui) [(#CONFIG{escal/config/blocnavpages8}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocnavpages8}}{env}{ajax}></div>
]]
[(#CONFIG{escal/config/blocnavpages9}|oui) [(#CONFIG{escal/config/blocnavpages9}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocnavpages9}}{env}{ajax}></div>
]]
[(#CONFIG{escal/config/blocnavpages10}|oui) [(#CONFIG{escal/config/blocnavpages10}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocnavpages10}}{env}{ajax}></div>
]]
</section> <!-- fin navigation -->
[(#LANG_DIR|=={ltr}|oui)<section id="extra">] [(#LANG_DIR|=={rtl}|oui)<section id="navigation">]
<!-- affichage du formulaire de recherche-->
[(#CONFIG{escal/config/formrecherche}|=={coldroite}|oui)#FORMULAIRE_RECHERCHE<br />]
<!-- affichage des noisettes selectionnees dans la page de configuration -->
[(#CONFIG{escal/config/blocextrapages1}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocextrapages1,top}}{env}{ajax}></div>
]
[(#CONFIG{escal/config/blocextrapages2}|oui) [(#CONFIG{escal/config/blocextrapages2}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocextrapages2}}{env}{ajax}></div>
]]
[(#CONFIG{escal/config/blocextrapages3}|oui) [(#CONFIG{escal/config/blocextrapages3}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocextrapages3}}{env}{ajax}></div>
]]
[(#CONFIG{escal/config/blocextrapages4}|oui) [(#CONFIG{escal/config/blocextrapages4}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocextrapages4}}{env}{ajax}></div>
]]
[(#CONFIG{escal/config/blocextrapages5}|oui) [(#CONFIG{escal/config/blocextrapages5}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocextrapages5}}{env}{ajax}></div>
]]
[(#CONFIG{escal/config/blocextrapages6}|oui) [(#CONFIG{escal/config/blocextrapages6}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocextrapages6}}{env}{ajax}></div>
]]
[(#CONFIG{escal/config/blocextrapages7}|oui) [(#CONFIG{escal/config/blocextrapages7}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocextrapages7}}{env}{ajax}></div>
]]
[(#CONFIG{escal/config/blocextrapages8}|oui) [(#CONFIG{escal/config/blocextrapages8}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocextrapages8}}{env}{ajax}></div>
]]
[(#CONFIG{escal/config/blocextrapages9}|oui) [(#CONFIG{escal/config/blocextrapages9}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocextrapages9}}{env}{ajax}></div>
]]
[(#CONFIG{escal/config/blocextrapages10}|oui) [(#CONFIG{escal/config/blocextrapages10}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocextrapages10}}{env}{ajax}></div>
]]
</section> <!-- fin extra -->
<div id="pied">
<INCLURE {fond=inclusions/inc-pied}{skel=#SQUELETTE}{env}>
</div>
</div><!-- fin conteneur -->
</div>
</div>
</body>
<!-- affichage des noisettes selectionnees dans la page de configuration -->
[(#CONFIG{escal/config/blocextrapages1}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocextrapages1,top}}{env}{ajax}></div>
]
[(#CONFIG{escal/config/blocextrapages2}|oui) [(#CONFIG{escal/config/blocextrapages2}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocextrapages2}}{env}{ajax}></div>
]]
[(#CONFIG{escal/config/blocextrapages3}|oui) [(#CONFIG{escal/config/blocextrapages3}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocextrapages3}}{env}{ajax}></div>
]]
[(#CONFIG{escal/config/blocextrapages4}|oui) [(#CONFIG{escal/config/blocextrapages4}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocextrapages4}}{env}{ajax}></div>
]]
[(#CONFIG{escal/config/blocextrapages5}|oui) [(#CONFIG{escal/config/blocextrapages5}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocextrapages5}}{env}{ajax}></div>
]]
[(#CONFIG{escal/config/blocextrapages6}|oui) [(#CONFIG{escal/config/blocextrapages6}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocextrapages6}}{env}{ajax}></div>
]]
[(#CONFIG{escal/config/blocextrapages7}|oui) [(#CONFIG{escal/config/blocextrapages7}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocextrapages7}}{env}{ajax}></div>
]]
[(#CONFIG{escal/config/blocextrapages8}|oui) [(#CONFIG{escal/config/blocextrapages8}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocextrapages8}}{env}{ajax}></div>
]]
[(#CONFIG{escal/config/blocextrapages9}|oui) [(#CONFIG{escal/config/blocextrapages9}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocextrapages9}}{env}{ajax}></div>
]]
[(#CONFIG{escal/config/blocextrapages10}|oui) [(#CONFIG{escal/config/blocextrapages10}|=={rien}|non)
<div class="cadre-couleur"><INCLURE {fond=inclusions/inc-#CONFIG{escal/config/blocextrapages10}}{env}{ajax}></div>
]]
</section> <!-- fin extra -->
<div id="pied">
<INCLURE {fond=inclusions/inc-pied}{skel=#SQUELETTE}{env}>
</div>
</div><!-- fin conteneur -->
</div>
</div>
</body>
</html>

Write Preview
Loading…
Cancel
Save