vieux calendrier avec creche en fond à mettre au gout du jour
les articles sont dans la rubrique avent avec une date correspondant au jour a ouvrir
date passée = ouvert, date future ne s’ouvre pas
dans une rubrique-calendrier.html
ce n’est pas trés moderne mais c’est un départ
RETOUR A l'ACCUEIL
CALENDRIER DE L'AVENT
<BOUCLE_article_actif(ARTICLES){id_article}{age>=0} >
[(#SURTITRE||image_typo{taille=24,couleur=999999}|inserer_attribut{border,0}|inserer_attribut{style,"vertical-align: middle;"})]
le css
body {
font-size: 12px;
font-family: sans-serif;
margin: 0;
text-align: center;
background-color: #FFC;
background-image:none;
color: #000000;
}
#avent{
background-image: url(images/calendrier_avent.jpg);
background-size: auto;
position: absolute;
background-repeat: no-repeat;
background-position: center center;
color: #FFFFFF; background-color: #CDD2FE;
margin-top:5px; margin-left:5%;margin-right:5%;
padding-top: 5px;
padding-right:10%;
padding-bottom:5px;
padding-left:10%; vertical-align: middle;
}
.marge {
padding:5%;text-align:center;
}
.dateavent {
width: 100px;
height: 70px;
margin: 1em;
border: 1px solid #FFFFFF;
text-align: center;
background: #FFFFFF;
float: left; vertical-align: middle;
}
.titre
{ font-size:160%;text-transform: uppercase;text-shadow: 2px 4px 3px rgba(0,0,0,0.3);}
h1 {
font-family: « Times New Roman », Times, serif;
font-size: 24px;
position: relative;
margin-bottom:5px;
overflow: hidden;
clip: rect(auto auto auto auto);
}
h1
{
font-size:24px;
text-transform: uppercase;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
0 5px 0 #aaa,
0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15);
color: #009;
}
.texte {
text-align: justify;
position:relative;
padding-top: 1px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}
.spip_documents_center {
display: block;
width: 100%;
margin: auto;
text-align:center;
margin-top:1em;
vertical-align: middle;
}
- html .spip_documents_center {display: inline-block;
}
.spip_documents_img{
margin: auto;
text-align: center;
vertical-align:middle;
}
.spip_documents_left{
float: left;
margin-right: 15px;
text-align: center;
vertical-align: middle;
}
.spip_documents_right{
float: right;
margin-left: 15px;
text-align: center;
}
@media only screen and (max-width: 640px) {
#avent{
background-size: cover;
background-repeat: no-repeat;
margin-left:0px;
padding: 5px;
background-attachment: fixed;
text-align:center;
}
.dateavent {
width:16%;
margin: 5px;height:50px;
float: left;
}
}
Message du 28/11/18 12:30
De : « Patrick Dupouy » dupouypa@club-internet.fr
A : spip@rezo.net
Copie à :
Objet : Re: Calendrier de l’Avent avec images qui se dévoilent au fur et à mesure et lient vers les pages, envisageable ?
« Ysabeau » id@dutailly.net a �crit dans le message de news:
401ac016-6e9e-0042-33aa-fcaf69665cc7@dutailly.net…
Le 28/11/2018 � 08:24, Patrick Dupouy a �crit :
Bonjour,
J’ai utilis� une boucle pour pr�senter les �v�nements sur un agenda:
Avent
<BOUCLE_avent (ARTICLES) {tout} {par date_debut} {age <= 1} {age >=
0}>
#TEXTE
fichier avent.html
plac� comme <INCLURE{fond=avent}{lang}> l� o� l’on veut il pr�sente
l’article du jour.
C’est une piste…
Merci.
Je peux avoir un exemple du rendu ?
=============
Pas possible, j’ai fait un essai uniquement en local.
Ce que j’en retire c’est qu’il faut v�rifier les heures de mise en ligne
===============
Ysabeau
Services, s. m. pl. Mot usit� dans cette formule � peu pr�s invariable
du typo en qu�te de travail: Monsieur, je viens vous offrir mes services
pour la casse.
Dictionnaire de l’argot des typographes - Eug�ne Boutmy, correcteur
d’imprimerie, 1883.
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net
Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html
Infos : https://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
Irc : de l’aide à toute heure : http://spip.net/irc