Browse Source

champ de recherche en pied de page

v2
chankalan 3 years ago
parent
commit
ae758645ec
  1. 100
      content/recherche.html
  2. 38
      css/theme.scss
  3. 3
      footer/dist.html
  4. 9
      formulaires/recherche.html
  5. 2
      paquet.xml

100
content/recherche.html

@ -0,0 +1,100 @@
<article id="main">
<header class="main">
<h1><:resultats_recherche:></h1>[
<p class="soustitre">&#171;&nbsp;(#RECHERCHE)&nbsp;&#187;</p>]
<!-- breadcrumb -->
<INCLURE{fond=breadcrumb/article,env} />
</header>
<section class="wrapper style5">
<div class="inner">
[(#REM) Articles trouves ]
<B_articles>
<div class="menu menu_articles">
#ANCRE_PAGINATION
<h2><:articles:> (#GRAND_TOTAL)</h2>
<ul class="spip">
<BOUCLE_articles(ARTICLES) {recherche} {!par points} {pagination}>
<li><a href="#URL_ARTICLE">#TITRE</a></li>
</BOUCLE_articles>
</ul>
[<p class="pagination">(#PAGINATION)</p>]
</div>
</B_articles>
[(#REM) Rubriques trouvees ]
<B_rubriques>
<div class="menu menu_rubriques">
#ANCRE_PAGINATION
<h2><:rubriques:> (#GRAND_TOTAL)</h2>
<ul class="spip">
<BOUCLE_rubriques(RUBRIQUES) {recherche} {!par points} {pagination 5}>
<li><a href="#URL_RUBRIQUE">#TITRE</a></li>
</BOUCLE_rubriques>
</ul>
[<p class="pagination">(#PAGINATION)</p>]
</div>
</B_rubriques>
[(#REM) Mots-cles trouves ]
<B_mots>
<div class="menu menu_mots">
#ANCRE_PAGINATION
<h2><:mots_clefs:> (#GRAND_TOTAL)</h2>
<ul class="spip">
<BOUCLE_mots(MOTS?) {recherche} {!par points} {pagination 5}>
<li><a href="#URL_MOT">#TITRE</a></li>
</BOUCLE_mots>
</ul>
[<p class="pagination">(#PAGINATION)</p>]
</div>
</B_mots>
[(#REM) Breves trouvees ]
<B_breves>
<div class="menu menu_breves">
#ANCRE_PAGINATION
<h2><:breves:breves:> (#GRAND_TOTAL)</h2>
<ul class="spip">
<BOUCLE_breves(BREVES?) {recherche} {!par points} {pagination 5}>
<li><a href="#URL_BREVE">#TITRE</a></li>
</BOUCLE_breves>
</ul>
[<p class="pagination">(#PAGINATION)</p>]
</div>
</B_breves>
[(#REM) Messages trouves ]
<B_messages>
<div class="menu menu_comments">
#ANCRE_PAGINATION
<h2><:messages_forum:> (#GRAND_TOTAL)</h2>
<ul class="spip">
<BOUCLE_messages(FORUMS?) {recherche} {!par points} {pagination 5}>
[<li><a href="#URL_FORUM"[ title="(#TITRE|attribut_html|couper{80})"]>(#TEXTE|couper{80})</a></li>]
</BOUCLE_messages>
</ul>
[<p class="pagination">(#PAGINATION)</p>]
</div>
</B_messages>
[(#REM) Sites web trouves ]
<B_sites>
<div class="menu menu_sites">
#ANCRE_PAGINATION
<h2><:sites_web:> (#GRAND_TOTAL)</h2>
<ul class="spip">
<BOUCLE_sites(SITES?) {recherche} {!par points} {pagination 5}>
<li><a href="[(#ID_SYNDIC|generer_url_entite{site,'','',#CONNECT})]">#NOM_SITE</a></li>
</BOUCLE_sites>
</ul>
[<p class="pagination">(#PAGINATION)</p>]
</div>
</B_sites>
</div>
</section>
</article>

38
css/theme.scss

@ -109,6 +109,44 @@ input[type="submit"], input[type="reset"], input[type="button"], button, .button
height:auto;
}
// recherche
.recherche {
max-width:600px;
margin:0 auto;
label {
display:none;
}
.input-group {
@include vendor('display', 'flex');
}
input[type="search"], .recherche button.submit {
@include vendor('appearance', 'none');
background-color: _palette(border-bg);
border-radius: 3px;
border: none;
color: inherit;
display: block;
outline: 0;
padding: 0 1em;
text-decoration: none;
height: _size(element-height);
flex:100%;
&:focus {
box-shadow: 0 0 0 2px _palette(accent1, bg);
}
}
button.submit {
margin-left:.5em;
height:3.4em;
flex:60px;
padding:0;
}
}
// contenu
img {
height:auto;

3
footer/dist.html

@ -1,3 +1,6 @@
#FORMULAIRE_RECHERCHE
[(#PLUGIN{sociaux}|oui)<INCLURE{fond=inclure/rezo} />]
<B_articlespied><ul class="copyright">

9
formulaires/recherche.html

@ -0,0 +1,9 @@
<div class="recherche"><form action="[(#ENV{action})]" method="get">
[(#ENV{action}|form_hidden)]
[<input type="hidden" name="lang" value="(#ENV{lang})" />]
<label for="recherche"><:info_rechercher_02:></label>
<div class="input-group">
<input class="text search" type="search" placeholder="Rechercher" aria-label="Rechercher" name="recherche" id="recherche"[ value="(#ENV{recherche})"] />
<button type="submit" class="submit">ok</button>
</div>
</form></div>

2
paquet.xml

@ -1,7 +1,7 @@
<paquet
prefix="html5up_spectral"
categorie="squelette"
version="2.0.8"
version="2.1.0"
schema="1.0.0"
etat="dev"
compatibilite="[3.1.0;3.3.*]"

Loading…
Cancel
Save