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.tar.gz melaine-204be428e4912d1f984b41f13a1f2605657d651c.tar.bz2 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 |
