From 4d9b34861c6afb6b69cc5f98f44aba0233eea695 Mon Sep 17 00:00:00 2001
From: Bruno 21 <bruno@clicclac.info>
Date: Sun, 6 Jan 2019 17:13:33 +0100
Subject: [PATCH] Pagination

-ajout pagination sur page Ce-mois-ci
---
 page-ce-mois-ci.php | 14 ++++++++------
 style.css           | 47 +++++++++++++++++++++++++++++++++++----------
 2 files changed, 45 insertions(+), 16 deletions(-)

diff --git a/page-ce-mois-ci.php b/page-ce-mois-ci.php
index 97de1b5..43f522a 100755
--- a/page-ce-mois-ci.php
+++ b/page-ce-mois-ci.php
@@ -324,26 +324,28 @@ $nbpages = ceil(count($images_du_mois) / 12);
 $prec = $ppage - 1;
 $suiv = $ppage + 1;
 
-if ($ppage >= 2) echo '<a class="prev page-numbers" href="'.$_SERVER['REQUEST_URI'].'?page='.$prec.'" title="'.gettext("Previous Page").'"> ← </a>&nbsp;';
+echo '<ul class="paginate">';
+
+if ($ppage >= 2) echo "<li class='previous-off'><a href='" . $_SERVER['REQUEST_URI'] .  "?page="   .$prec . "' title='" . gettext("Previous Page") . "'>&laquo;</a></li>";
 
 for ($i = 1; $i <= $nbpages; $i++) {
 	if ($i != $ppage) {
-		echo '<a class="page-numbers" href="'.$_SERVER['REQUEST_URI'].'?page='.$i.'" title="'.gettext("Page").' '.$i.'">'.$i.' </a>&nbsp;';
+	 	echo "<li><a href='" . $_SERVER['REQUEST_URI'] . "?page=" . $i . "' title='" . gettext("Page")  . " " . $i . "'>$i</a></li>";
 		}
 	else {
-		echo "<span class='current page-numbers'>".$i."</span>&nbsp;&nbsp;";
+		echo "<li><a href='' class='active'>" . $i . "</a></li>";
 		}
 	}
 
-if ($page < $nbpages) echo '<a class="next page-numbers" href="'.$_SERVER['REQUEST_URI'].'?page='.$suiv.'" title="'.gettext("Next Page").'"> → </a>&nbsp;';
+if ($ppage < $nbpages) echo "<li class='next'><a href='"  . $_SERVER['REQUEST_URI'] . "?page=" .  $suiv.'" title="'.gettext("Next Page") . "'>&raquo;</a></li>";
+
+echo '</ul>';
 
 ?>
 </div>
 
 </div>
 
-
-
 				
 				<?php
 					wp_link_pages( array(
diff --git a/style.css b/style.css
index 8710d42..1d21efe 100755
--- a/style.css
+++ b/style.css
@@ -68,8 +68,9 @@ div.modele {
 }  
 */
 
+/*	Ce-mois-ci */
+
 #archive {
-/**/
   margin: 0 0 80px;
 }
 
@@ -90,15 +91,15 @@ div.modele {
 	margin-top: 1em;
 }
 
-/*
-.thumb {
-    width: 200px;
-    height: 200px;
-	border: 1px solid #ccc;
-	background-color: #fff;
+.tags a {
+	color: #727172;
 	
 }
-*/
+
+.tags a:hover {
+	color: #dba425;
+}
+
 .albumdesc {
 	float: right;
 	text-align:center;
@@ -108,11 +109,11 @@ div.modele {
 	vertical-align: middle;
 }
 
-
+/*
 .albumdesc a, .pagination a {
 	color: #333;
 }
-
+*/
 .gras {
 	font-weight: bold;
 }
@@ -163,4 +164,30 @@ input.search-field {
 	border: 1px solid #ccc;
 }
 
+/* Pagination (Ce. mois. ci) */
 
+.blog-pagination {
+	text-align: center;
+	margin-top: 2em;
+}
+
+ul.paginate {
+    display: inline-block;
+    padding: 0;
+    margin: 0;
+	text-align: center;
+}
+ul.paginate li {display: inline;}
+ul.paginate li a {
+    color: black;
+    float: left;
+    padding: 8px 16px;
+    text-decoration: none;
+    border-radius: 5px;
+}
+ul.paginate li a.active {
+    background-color: #dba425;
+    color: white;
+    border-radius: 5px;
+}
+ul.paginate li a:hover:not(.active) {background-color: #ffbf00;}