pro/2026_WEBSITE_blochouse
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

reorganized manifestation css

Browse Source
This commit is contained in:
hugo LAMY
2026-02-15 18:57:09 +01:00
parent 560667b29f
commit 32007e7ada
3 changed files with 202 additions and 257 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
www/manifestations.html
View File

@@ -34,6 +34,13 @@
href="css/lightbox.css"
title="Design"
/>
<link
rel="stylesheet"
media="screen"
type="text/css"
href="css/page_manifestations.css"
title="Design"
/>
<script type="text/javascript" src="javascript/prototype.js"></script>
<script
@@ -163,7 +170,8 @@
<div id="right">
<div id="middle">
<div id="top" style="height: 25px">
<div id="top">
<div class="nom">
<div class="carre">
<img
@@ -800,18 +808,12 @@
<div class="title">L’art mène le monde</div>
<div class="texte_manif">
<p style="font-size: 14px">Février - Avril 2020</p>
<!--
<p style="font-style:italic;margin-top:5px;">Hôtel de ville de Sceaux</p>
-->
<p style="margin-top: 8px; text-align: justify">
Disposées pendant le confinement sur le territoire de la
ville de Sceaux et perçues lors des précieuses sorties du
public, ces 5 citations rappelaient la présence
essentielle de l’Art dans nos vies.
</p>
<!--
<p style="margin-top:8px;text-align:justify;">Macha Pandellé - Altone Mishino - Françoise Delecroix - ITAE - Wari Mansouri – Vincent Pandellé - Jean.José Baranes - Grégory Morizeau  - Arnaud Laval - Renaud Bargues - Laurence Bost - Mitou Allalinarde - Christophe Bogdan - Claudine Sabatier - Anne Mauban - Jérôme Bouchez – Dashan Yang - Arnaud de l’Estourbeillon - Paule Millara - Margot Montenoise - Jouda Gomri - Lin Lei - Milan Atanaskovic - Bertell’</p>
-->
</div>
<!-- fin lart mene le monde -->
@@ -2136,49 +2138,6 @@
</div>
<!-- fin C1.1 -->
<!-- debut du paragraphe d'une nouvelle manifestation
<div class="video">
insérer le code de la vidéo s'il y a lieu, et effacer ce texte
</div>
<div class="images">
exemple pour 5 images, completer le chemin des images avec les noms à la place de "..." ainsi que title et alt avec le nom de la manifestation, ne pas oublier de glisser les nouvelles images p et g dans le dossier images/manifestations/, et effacer ce texte
<div class="vignette"><a href="images/manifestations/...1g.jpg" rel="lightbox[manifestations]" title="Photo 1 de la manifestation ..."><img src="images/manifestations/...1p.jpg" alt="Image 1 ..." width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/...2g.jpg" rel="lightbox[manifestations]" title="Photo 1 de la manifestation ..."><img src="images/manifestations/...2p.jpg" alt="Image 1 ..." width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/...3g.jpg" rel="lightbox[manifestations]" title="Photo 1 de la manifestation ..."><img src="images/manifestations/...3p.jpg" alt="Image 1 ..." width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/...4g.jpg" rel="lightbox[manifestations]" title="Photo 1 de la manifestation ..."><img src="images/manifestations/...4p.jpg" alt="Image 1 ..." width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/...5g.jpg" rel="lightbox[manifestations]" title="Photo 1 de la manifestation ..."><img src="images/manifestations/...5p.jpg" alt="Image 1 ..." width="70" height="70" border="0" /></a></div>
</div>
<div class="title">....
mettre le nom de la manifestions et effacer ce texte
</div>
<div class="texte_manif"> ici tous les paragraphes qui suivent le titre
<p style="font-size:14px;">... remplir en cas de sous-titre, genre de manifestations</p>
<p style="font-style:italic;margin-top:5px;">... nom général et date</p>
<p style="margin-top:8px;text-align:justify;">... les noms des participants</p>
<p style="margin-top:8px;text-align:justify;">... Un texte sur l'événement</p>
fin de texte_manif</div>
fin du paragraphe nouvelle manifestation, à insérer à l'endroit souhaité entre fin et debut d'autres paragraphes -->
<!-- fin scroller container -->
</div>
<!-- fin news -->