recherche - footer - rezo - notes de config
This commit is contained in:
parent
e8ba1b75d5
commit
bfab5c7e0c
@ -23,7 +23,7 @@ function baz_april_pre_typo($texte) {
|
||||
|
||||
|
||||
|
||||
// ordonner la liste comme on veut
|
||||
// // ordonner la liste comme on veut
|
||||
function baz_april_sociaux_maliste($flux) {
|
||||
/**
|
||||
* On reprend les éléments initiaux de la v1 du plugin :
|
||||
|
@ -19,7 +19,7 @@
|
||||
<label for="nobot_abomailman"><:antispam_champ_vide:></label>
|
||||
<input type="text" class="text" name="nobot" id="nobot_abomailman" value="#ENV{nobot}" size="10" />
|
||||
</p>
|
||||
<input type="submit" class="submit" value="<:bouton_valider:>" />
|
||||
<button type="submit" class="submit"><:bouton_valider:></button>
|
||||
</div>
|
||||
</form>
|
||||
]
|
||||
|
@ -8,13 +8,15 @@
|
||||
<form method="post" action="#ENV{action}">
|
||||
<div>
|
||||
#ACTION_FORMULAIRE{#ENV{action}}
|
||||
<ul class="editer-groupe">
|
||||
[(#SAISIE{case,exemple,
|
||||
label=<:baz_april:exemple_label:>,
|
||||
explication=<:baz_april:exemple_explications:>,
|
||||
defaut=non})]
|
||||
</ul>
|
||||
<div class="editer-groupe">
|
||||
|
||||
Pour l’instant, il n’y a rien à configurer.
|
||||
|
||||
</div>
|
||||
<p class="boutons"><span class="image_loading"> </span><input type="submit" class="submit" value="<:bouton_enregistrer:/>" /></p>
|
||||
</div>
|
||||
<div class="explication">
|
||||
<:baz_april:configurer_explication:>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
@ -34,7 +34,7 @@ $GLOBALS[ $GLOBALS['idx_lang'] ] = array(
|
||||
'tri_periodique' => 'Tri périodique',
|
||||
|
||||
'references' => 'Références',
|
||||
'signaler_une_erreur'=> 'Signaler une erreur, poser une question',
|
||||
'signaler_une_erreur' => 'Signaler une erreur, poser une question',
|
||||
|
||||
'memes_themes' => 'Transcriptions sur les mêmes thèmes :',
|
||||
'memes_personnes' => 'Transcriptions avec les mêmes personnes :',
|
||||
@ -46,4 +46,51 @@ $GLOBALS[ $GLOBALS['idx_lang'] ] = array(
|
||||
|
||||
's_inscrire_a_la_lettre_d_information' => 'S’inscrire à la lettre d’information',
|
||||
|
||||
|
||||
'configurer_explication' => '
|
||||
<br />
|
||||
<h3>Notes d’utilisation et paramétrage de baz_april</h3>
|
||||
|
||||
<hr />
|
||||
|
||||
<h4>courriels</h4>
|
||||
Mailcrypt est un plugin qui protège les courriels, il est installé et vous pouvez écrire <code>adresse@email.ext</code> ou <code>[->adresse@email.ext]</code> pour la rendre cliquable.
|
||||
|
||||
<hr />
|
||||
|
||||
<h4>Les menus du site</h4>
|
||||
<p>1- Le menu des rubriques est construit avec les rubriques racines du site, comme dans l’espace d’administration, par ordre des numéros du titre.
|
||||
<br />
|
||||
2- Le menu "initiatives" tout en haut est construit avec le plugin menus, il se gère dans {{Squelettes > Menus du site}}. Un export a été fait avec la liste entière et est enregistré dans le plugin baz_april. Il faut que le site sur lequel on est ait la classe "on" sur le lien pour l’activer.
|
||||
<br />
|
||||
3- Les menus verticaux en pied de page : 5 menus s’affichent si présent, nommés pied1, pied2, pied3, pied4, pied5
|
||||
<br />
|
||||
4- Le menu horizontal en fin du pied de page : c’est le menu nommé "pied" tout simplement, il est placé à droite des réseaux sociaux, qui eux sont gérés avec le plugin {{[Liens sociaux->/ecrire/?exec=configurer_sociaux]}}
|
||||
</p>
|
||||
|
||||
<hr />
|
||||
|
||||
{{Pour les logos}}
|
||||
Pour les logos et c’est valable pour tous les documents partout dans le site : il vaut mieux éviter de charger plusieurs fois le même document, et donc utiliser au maximum ceux qui sont déjà présents dans la médiathèque...
|
||||
Le logo de "Libre à vous" est le document n°659 : dans l’encart du logo en haut de la colonne gauche, faire ajouter un document "depuis la médiathèque" et taper "659" et valider.
|
||||
|
||||
{{Recadrage}} : il est possible de choisir le centre d’intérêt d’une image qui doit être recadrée : il y a une petite croix sur les vignettes dans l’espace privé, il faut juste déplacé cette petite croix et le recadrage se fera autour de cet emplacement.
|
||||
Donc l’image peut bien être verticale ou horizontale, le recadrage carré sera centré sur l’emplacement de la petite croix.
|
||||
|
||||
<hr />
|
||||
|
||||
<h4>Les actualités</h4>
|
||||
La rubrique doit avoir la composition "blog".
|
||||
{{résumés d’articles}}
|
||||
Par défaut, les résumés d’articles sont composés des 180 premiers caractères des champs chapeau + texte, et si le champ descriptif rapide est utilisé, ce sera ce champ uniquement et en entier.
|
||||
|
||||
<hr />
|
||||
|
||||
<h4>notes de dev</h4>
|
||||
-* Le groupe de mot des personnes intervenant dans les transcriptions : dans le code on est fixé sur id_groupe=5 car ça risque moins de changer que le titre du groupe (personne⋅s)
|
||||
-* Le plugin Adptive Images a besoin de modifier le htaccess dans une mutualisation : pour chaque site adapter une ligne de ce type
|
||||
<code>RedirectMatch /local/adapt-img/([0-9]+)/([a-z0-9-]+)/IMG/(.*)$ /local/adapt-img/$1/$2/sites/lal.spip/IMG/$3</code>
|
||||
-* l’alerte du fichier .htaccess inopérant () est due à l’absence de ce fichier, par contre toutes les règles sont intégrées dans le paramétrage du vhost (si j’ai bien compris...)
|
||||
-* la recherche FULLTEXT sur les mots-clefs empêche la saisie d’un mot-clef qui fait seulement trois lettres : ne pas indexer les mots-clefs dans Fulltext ou sinon autoriser la recherche sur les mots de trois lettres.',
|
||||
|
||||
);
|
||||
|
@ -1,7 +1,7 @@
|
||||
<paquet
|
||||
prefix="baz_april"
|
||||
categorie="squelette"
|
||||
version="2.4.6"
|
||||
version="2.4.7"
|
||||
schema="1.0.0"
|
||||
etat="stable"
|
||||
compatibilite="[3.2.0;3.3.*]"
|
||||
|
@ -7,14 +7,14 @@
|
||||
#INCLURE{fond=inclure/menu, env, identifiant=pied5}
|
||||
</div>
|
||||
|
||||
#FORMULAIRE_RECHERCHE{'',recherche_footer}
|
||||
<B_pied><div class="article">
|
||||
<BOUCLE_pied(ARTICLES){page=pied}>
|
||||
[<div class="#EDIT{chapo} article__chapo">(#CHAPO|image_reduire{350})</div>]
|
||||
[<div class="#EDIT{texte} article__texte">(#TEXTE|image_reduire{350})</div>]
|
||||
</BOUCLE_pied>
|
||||
</div></B_pied>
|
||||
|
||||
<div class="colophon">
|
||||
|
||||
<span class="april"><img src="#CHEMIN{images/logo_april_b.png}" alt="logo APRIL" /></span>
|
||||
|
||||
<INCLURE{fond=inclure/rezo} />
|
||||
|
||||
#INCLURE{fond=inclure/menu, env, identifiant=pied}
|
||||
|
||||
</div>
|
||||
|
@ -36,12 +36,8 @@
|
||||
}
|
||||
}
|
||||
.formulaire_spip.formulaire_recherche {
|
||||
max-width:em(400px);
|
||||
/* max-width:em(400px); */
|
||||
margin-top:$spacer;
|
||||
input[type="search"] {
|
||||
line-height:3em;
|
||||
min-height:3em;
|
||||
}
|
||||
input.placeholder,
|
||||
textarea.placeholder {
|
||||
color: $couleurPrincipale;
|
||||
|
@ -36,16 +36,17 @@
|
||||
|
||||
.formulaire_spip.formulaire_recherche {
|
||||
margin:2rem 0;
|
||||
max-width:500px;
|
||||
form {
|
||||
position: relative;
|
||||
border: 1px solid #B3B3B3;
|
||||
border-radius: $spacer/2;
|
||||
padding: 0.5rem 1.5em 0.5rem 2.5em;
|
||||
width: 100%;
|
||||
max-width:500px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: white;
|
||||
position:relative;
|
||||
border:1px solid #B3B3B3;
|
||||
border-radius:$spacer/2;
|
||||
padding:0.5rem 1.5em 0.5rem 2.5em;
|
||||
width:100%;
|
||||
max-width:100%;
|
||||
@include flex;
|
||||
align-items:center;
|
||||
background:white;
|
||||
|
||||
&:before {
|
||||
@extend .fa-search;
|
||||
@ -61,7 +62,7 @@
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
button, label {
|
||||
label {
|
||||
@include visuallyhidden;
|
||||
}
|
||||
input[type=search],
|
||||
@ -78,6 +79,64 @@
|
||||
}
|
||||
}
|
||||
|
||||
// abonnement newsletter
|
||||
.formulaire_spip .abonnement, .formulaire_recherche {
|
||||
position:relative;
|
||||
label {
|
||||
color:$blancTransparent;
|
||||
font-size:0.8rem;
|
||||
}
|
||||
input.text {
|
||||
padding-right:30px;
|
||||
background:#f4f4f4;
|
||||
&:hover, &:focus, &:active {
|
||||
background:white;
|
||||
}
|
||||
}
|
||||
button {
|
||||
position: absolute;
|
||||
right:0;
|
||||
bottom:0;
|
||||
height:100%;
|
||||
width:30px;
|
||||
padding:0;
|
||||
overflow:hidden;
|
||||
text-indent:30px;
|
||||
background:none;
|
||||
&:after {
|
||||
@include triangle(right, #5b758e, 0.5rem, 0.8);
|
||||
position:absolute;
|
||||
right:0.6rem;
|
||||
bottom:50%;
|
||||
margin-bottom:-0.5rem;
|
||||
}
|
||||
&:hover, &:focus, &:active {
|
||||
background:none;
|
||||
}
|
||||
&:hover {
|
||||
&:after {
|
||||
border-left-color:$couleurPrincipaleOn;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.formulaire_spip .abonnement {
|
||||
button {
|
||||
height:55%;
|
||||
&::after {
|
||||
bottom:0.5rem;
|
||||
margin-bottom:0;
|
||||
}
|
||||
}
|
||||
input.text {
|
||||
&::placeholder {
|
||||
font-size:0.8rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
a.back-to-top {
|
||||
display: none;
|
||||
@include media($bp-large-up) {
|
||||
@ -102,7 +161,7 @@ a.back-to-top {
|
||||
// ------------------------------------------------
|
||||
|
||||
.champ.afficher {
|
||||
display: flex;
|
||||
@include flex;
|
||||
margin-bottom: 0.5em;
|
||||
.label {
|
||||
margin-right: 1em;
|
||||
|
@ -27,6 +27,7 @@ $grayLightL5: lighten($grayLight,5%);
|
||||
$grayLighter: #eee;
|
||||
$white: #fff;
|
||||
|
||||
$blancTransparent: rgba($white,0.7);
|
||||
|
||||
|
||||
// Accent colors
|
||||
|
Loading…
Reference in New Issue
Block a user