diff options
author | polo <ordipolo@gmx.fr> | 2023-04-24 22:31:01 +0200 |
---|---|---|
committer | polo <ordipolo@gmx.fr> | 2023-04-24 22:31:01 +0200 |
commit | 204be428e4912d1f984b41f13a1f2605657d651c (patch) | |
tree | 7a75ab66c8423096ce5260a9a27c515a103e5efa | |
parent | 21746f17dbd12499f794b1f2822b50e9e6c5d494 (diff) | |
download | melaine-204be428e4912d1f984b41f13a1f2605657d651c.zip |
infobulles
-rw-r--r-- | public/css/discographie.css | 11 | ||||
-rw-r--r-- | public/css/main.css | 27 | ||||
-rw-r--r-- | view/album.php | 9 | ||||
-rw-r--r-- | view/articlesContent.php | 27 | ||||
-rw-r--r-- | view/discographie.php | 22 | ||||
-rw-r--r-- | à faire après livraison.txt | 2 |
6 files changed, 68 insertions, 30 deletions
diff --git a/public/css/discographie.css b/public/css/discographie.css index 7fb48df..31df03e 100644 --- a/public/css/discographie.css +++ b/public/css/discographie.css | |||
@@ -145,11 +145,6 @@ figure | |||
145 | /*display: inline-block;*/ | 145 | /*display: inline-block;*/ |
146 | } | 146 | } |
147 | 147 | ||
148 | .vignette | ||
149 | { | ||
150 | width: 100%; | ||
151 | } | ||
152 | |||
153 | figcaption | 148 | figcaption |
154 | { | 149 | { |
155 | margin: 2px; | 150 | margin: 2px; |
@@ -165,11 +160,11 @@ a | |||
165 | /*border: 2px white solid;*/ | 160 | /*border: 2px white solid;*/ |
166 | } | 161 | } |
167 | 162 | ||
168 | .articleSansEditeur a | 163 | .articleSansEditeur>a |
169 | { | 164 | { |
170 | border: 2px white solid; | 165 | border: 2px white solid; |
171 | } | 166 | } |
172 | .articleSansEditeur a:hover | 167 | .articleSansEditeur>a:hover |
173 | { | 168 | { |
174 | border: 2px blue solid; | 169 | border: 2px blue solid; |
175 | } | 170 | } |
@@ -183,7 +178,7 @@ a:hover figure figcaption | |||
183 | { | 178 | { |
184 | /*border: 1px black solid;*/ | 179 | /*border: 1px black solid;*/ |
185 | text-align: center; | 180 | text-align: center; |
186 | margin-top: 0px; | 181 | margin-top: 2px; |
187 | } | 182 | } |
188 | 183 | ||
189 | .articleSansEditeur img | 184 | .articleSansEditeur img |
diff --git a/public/css/main.css b/public/css/main.css index 4017e31..a5332be 100644 --- a/public/css/main.css +++ b/public/css/main.css | |||
@@ -136,6 +136,33 @@ form | |||
136 | /*border-bottom: 1px black solid;*/ | 136 | /*border-bottom: 1px black solid;*/ |
137 | } | 137 | } |
138 | 138 | ||
139 | .infobulle | ||
140 | { | ||
141 | text-decoration: none; | ||
142 | /* évite que l'infobulle ne se retrouve dans un coin de l'écran */ | ||
143 | position:relative; | ||
144 | /* block -> hauteur fixe pour vertical-align dans l'image */ | ||
145 | display: inline-block; | ||
146 | |||
147 | } | ||
148 | .infobulle button | ||
149 | { | ||
150 | |||
151 | display: none; | ||
152 | position: absolute; | ||
153 | bottom: 35px; | ||
154 | left: 10px; | ||
155 | } | ||
156 | .infobulle:hover button | ||
157 | { | ||
158 | display: inline; | ||
159 | |||
160 | } | ||
161 | .infobulle img | ||
162 | { | ||
163 | vertical-align: middle; | ||
164 | } | ||
165 | |||
139 | #courriel | 166 | #courriel |
140 | { | 167 | { |
141 | /*padding-top: 30px;*/ | 168 | /*padding-top: 30px;*/ |
diff --git a/view/album.php b/view/album.php index f0fd807..795491d 100644 --- a/view/album.php +++ b/view/album.php | |||
@@ -92,14 +92,17 @@ if($_SESSION['admin'] == 1 && (!isset($_GET['action']) || $_GET['action'] !== 'e | |||
92 | global $host; | 92 | global $host; |
93 | ?> | 93 | ?> |
94 | <p> | 94 | <p> |
95 | <a href="<?= $lien_partage ?>" > | 95 | <a class="infobulle" href="<?= $lien_partage ?>" > |
96 | <img src="public/icone_partager.png" onclick="copierDansPressePapier('<?= $host ?>/<?= $lien_partage ?>')" > | 96 | <img src="public/icone_partager.png" onclick="copierDansPressePapier('<?= $host ?>/<?= $lien_partage ?>')" > |
97 | <button>Partager</button> | ||
97 | </a> | 98 | </a> |
98 | <a href="index.php?page=album&action=edition&file_code=<?= $fileCode ?>" > | 99 | <a class="infobulle" href="index.php?page=album&action=edition&file_code=<?= $fileCode ?>" > |
99 | <img src="public/icone_modifier.png" > | 100 | <img src="public/icone_modifier.png" > |
101 | <button>Modifier</button> | ||
100 | </a> | 102 | </a> |
101 | <a href="index.php?page=discographie&action=suppression&file_code=<?= $fileCode ?>" onclick="confirmerSuppression()" > | 103 | <a class="infobulle" href="index.php?page=discographie&action=suppression&file_code=<?= $fileCode ?>" onclick="confirmerSuppression()" > |
102 | <img src="public/icone_supprimer.png" > | 104 | <img src="public/icone_supprimer.png" > |
105 | <button>Supprimer</button> | ||
103 | </a> | 106 | </a> |
104 | <button><a href="index.php?page=discographie" >Retour page discographie</a></button> | 107 | <button><a href="index.php?page=discographie" >Retour page discographie</a></button> |
105 | </p> | 108 | </p> |
diff --git a/view/articlesContent.php b/view/articlesContent.php index 4762f8e..87b3676 100644 --- a/view/articlesContent.php +++ b/view/articlesContent.php | |||
@@ -88,17 +88,26 @@ for($i = 0; $i < $Articles->fileListCount; $i++) | |||
88 | ?> | 88 | ?> |
89 | </div> | 89 | </div> |
90 | <p class="boutonArticle" > | 90 | <p class="boutonArticle" > |
91 | <a href="<?= $lien_partage ?>" > | 91 | <a class="infobulle" href="<?= $lien_partage ?>" > |
92 | <img src="public/icone_partager.png" onclick="copierDansPressePapier('<?= $host ?>/<?= $lien_partage ?>')" > | 92 | <img src="public/icone_partager.png" onclick="copierDansPressePapier('<?= $host ?>/<?= $lien_partage ?>')" > |
93 | <button>Partager</button> | ||
94 | </a> | ||
95 | <a class="infobulle" href="index.php?page=<?= $page ?>&action=editor&file_code=<?= $Articles->fileList[$i]['fileCode'] ?>#<?= $Articles->fileList[$i]['fileCode'] ?>" > | ||
96 | <img src="public/icone_modifier.png" > | ||
97 | <button>Modifier</button> | ||
98 | </a> | ||
99 | <a class="infobulle" href="index.php?page=<?= $page ?>&action=monter&file_code=<?= $Articles->fileList[$i]['fileCode'] ?>&position=<?= $Articles->fileList[$i]['position'] ?>#<?= $Articles->fileList[$i]['fileCode'] ?>" > | ||
100 | <img src="public/icone_monter.png" > | ||
101 | <button>Monter</button> | ||
102 | </a> | ||
103 | <a class="infobulle" href="index.php?page=<?= $page ?>&action=descendre&file_code=<?= $Articles->fileList[$i]['fileCode'] ?>&position=<?= $Articles->fileList[$i]['position'] ?>#<?= $Articles->fileList[$i]['fileCode'] ?>" > | ||
104 | <img src="public/icone_descendre.png" > | ||
105 | <button>Descendre</button> | ||
106 | </a> | ||
107 | <a class="infobulle" href="index.php?page=<?= $page ?>&action=suppression&file_code=<?= $Articles->fileList[$i]['fileCode'] ?>" onclick="confirmerSuppression()" > | ||
108 | <img src="public/icone_supprimer.png" > | ||
109 | <button>Supprimer</button> | ||
93 | </a> | 110 | </a> |
94 | <a href="index.php?page=<?= $page ?>&action=editor&file_code=<?= $Articles->fileList[$i]['fileCode'] ?>#<?= $Articles->fileList[$i]['fileCode'] ?>" > | ||
95 | <img src="public/icone_modifier.png" ></a> | ||
96 | <a href="index.php?page=<?= $page ?>&action=monter&file_code=<?= $Articles->fileList[$i]['fileCode'] ?>&position=<?= $Articles->fileList[$i]['position'] ?>#<?= $Articles->fileList[$i]['fileCode'] ?>" > | ||
97 | <img src="public/icone_monter.png" ></a> | ||
98 | <a href="index.php?page=<?= $page ?>&action=descendre&file_code=<?= $Articles->fileList[$i]['fileCode'] ?>&position=<?= $Articles->fileList[$i]['position'] ?>#<?= $Articles->fileList[$i]['fileCode'] ?>" > | ||
99 | <img src="public/icone_descendre.png" ></a> | ||
100 | <a href="index.php?page=<?= $page ?>&action=suppression&file_code=<?= $Articles->fileList[$i]['fileCode'] ?>" onclick="confirmerSuppression()" > | ||
101 | <img src="public/icone_supprimer.png" ></a> | ||
102 | </p> | 111 | </p> |
103 | <?php | 112 | <?php |
104 | } | 113 | } |
diff --git a/view/discographie.php b/view/discographie.php index c5c9135..8cefa18 100644 --- a/view/discographie.php +++ b/view/discographie.php | |||
@@ -136,7 +136,7 @@ for($i = 0; $i < $Albums->fileListCount; $i++) | |||
136 | } | 136 | } |
137 | ?> | 137 | ?> |
138 | <figure> | 138 | <figure> |
139 | <img class="vignette" src="data/discographie/images-mini/<?= $Albums->fileList[$i]['pochetteMini'] ?>" alt="" > | 139 | <img src="data/discographie/images-mini/<?= $Albums->fileList[$i]['pochetteMini'] ?>" alt="" > |
140 | <figcaption><?= $Albums->fileList[$i]['titre'] ?><br><?= $Albums->fileList[$i]['annee'] ?></figcaption> | 140 | <figcaption><?= $Albums->fileList[$i]['titre'] ?><br><?= $Albums->fileList[$i]['annee'] ?></figcaption> |
141 | </figure> | 141 | </figure> |
142 | <?php | 142 | <?php |
@@ -153,18 +153,24 @@ for($i = 0; $i < $Albums->fileListCount; $i++) | |||
153 | global $host;*/ | 153 | global $host;*/ |
154 | ?> | 154 | ?> |
155 | <p> | 155 | <p> |
156 | <!-- <a href="<?= $lien_partage ?>" > | 156 | <!-- <a class="infobulle" href="<?= $lien_partage ?>" > |
157 | <img src="public/icone_partager.png" onclick="copierDansPressePapier('<?= $host ?>/<?= $lien_partage ?>')" > | 157 | <img src="public/icone_partager.png" onclick="copierDansPressePapier('<?= $host ?>/<?= $lien_partage ?>')" > |
158 | </a> --> | 158 | </a> --> |
159 | <a href="index.php?<?= $lienBoutonModif[$i] ?>" > | 159 | <a class="infobulle" href="index.php?<?= $lienBoutonModif[$i] ?>" > |
160 | <img src="public/icone_modifier.png" > | 160 | <img src="public/icone_modifier.png" > |
161 | <button>Modifier</button> | ||
161 | </a> | 162 | </a> |
162 | <a href="index.php?page=<?= $page ?>&action=monter&file_code=<?= $Albums->fileList[$i]['fileCode'] ?>&position=<?= $Albums->fileList[$i]['position'] ?>#<?= $Albums->fileList[$i]['fileCode'] ?>" > | 163 | <a class="infobulle" href="index.php?page=<?= $page ?>&action=monter&file_code=<?= $Albums->fileList[$i]['fileCode'] ?>&position=<?= $Albums->fileList[$i]['position'] ?>#<?= $Albums->fileList[$i]['fileCode'] ?>" > |
163 | <img src="public/icone_monter.png" ></a> | 164 | <img src="public/icone_monter.png" > |
164 | <a href="index.php?page=<?= $page ?>&action=descendre&file_code=<?= $Albums->fileList[$i]['fileCode'] ?>&position=<?= $Albums->fileList[$i]['position'] ?>#<?= $Albums->fileList[$i]['fileCode'] ?>" > | 165 | <button>Monter</button> |
165 | <img src="public/icone_descendre.png" ></a> | 166 | </a> |
166 | <a href="index.php?page=discographie&action=suppression&file_code=<?= $Albums->fileList[$i]['fileCode'] ?>" onclick="confirmerSuppression()" > | 167 | <a class="infobulle" href="index.php?page=<?= $page ?>&action=descendre&file_code=<?= $Albums->fileList[$i]['fileCode'] ?>&position=<?= $Albums->fileList[$i]['position'] ?>#<?= $Albums->fileList[$i]['fileCode'] ?>" > |
168 | <img src="public/icone_descendre.png" > | ||
169 | <button>Descendre</button> | ||
170 | </a> | ||
171 | <a class="infobulle" href="index.php?page=discographie&action=suppression&file_code=<?= $Albums->fileList[$i]['fileCode'] ?>" onclick="confirmerSuppression()" > | ||
167 | <img src="public/icone_supprimer.png" > | 172 | <img src="public/icone_supprimer.png" > |
173 | <button>Supprimer</button> | ||
168 | </a> | 174 | </a> |
169 | </p> | 175 | </p> |
170 | <?php | 176 | <?php |
diff --git a/à faire après livraison.txt b/à faire après livraison.txt index 9fd5345..fa78d62 100644 --- a/à faire après livraison.txt +++ b/à faire après livraison.txt | |||
@@ -13,8 +13,6 @@ gérer le cas où l'éditeur est ouvert et qu'on clique sur un bouton monter ou | |||
13 | 13 | ||
14 | trouver une solution au problème du cache du visiteur (surtout Melaine) lorsque le site est mis à jour | 14 | trouver une solution au problème du cache du visiteur (surtout Melaine) lorsque le site est mis à jour |
15 | 15 | ||
16 | infobulles sur les boutons d'action (seul le mode admin est concerné à moins de proposer un bouton partager au visiteur) | ||
17 | |||
18 | Actualité: remplacer le mot "actualité" (page menu) par un logo sur le côté du genre panneau Attention! | 16 | Actualité: remplacer le mot "actualité" (page menu) par un logo sur le côté du genre panneau Attention! |
19 | 17 | ||
20 | rendre le menu chronologie moins moche | 18 | rendre le menu chronologie moins moche |