Fork me on GitHub






slider84
Pagenav et Xbootstrap (ou autre théme responsive)
#1
Admin Frxoops
Inscrit: 05/03/2005 05:20
De Vaucluse
Messages: 960
Bonjour à tous,

Un petit tuto pour ceux qui utilisent un thème responsive (comme Xbootstrap) pour adapter les pagenav à leur utilisation sur mobiles.
D'origine, les pagenav sont trop petits et trop longs pour naviguer agréablement sur un appareil mobile.
Donc ci-dessous petit tuto pour remédier à ce problème.

Attention: Xoops 2.5.7 mais doit sûrement fonctionner avec les autres version 2.5.x.

1- Pour raccourcir le nombre de pages affichées modifier le fichier /class/pagenav.php comme suit:
Ligne 67 et 151 dans les fonctions rendernav et renderImageNav mettre la variable $offset à 2 au lieu de 4.
function renderNav($offset = 2)

function renderImageNav($offset = 2)

2- Supprimer les parenthéses de la page active
Dans le même fichier remplacer la ligne 85 par:
$ret .= '<strong class="xo-pagact" >' . $counter . '</strong> ';

3- Un peu de css pour cacher les flèches de navigation, agrandir les boutons et leur donner un look Xbootstrap (à rajouter à la feuille de style du thème)
/* ===== pages navigation ===== */
#xo-pagenav{
margin-bottom: 5px;
text-align: center;
}
.xo-pagarrow {
visibility: hidden;
}
#xo-pagenav .xo-pagact {
font-size:0.9em;
width:              32px;
height:             30px;
margin-top: 5px;
padding-top:5px;
text-decoration: none;
display: inline-block;
font-size: 0.9em;
font-weight: 400;
line-height: 1.42857;
white-space: nowrap;
vertical-align: middle;
margin-bottom: 0px;
text-align: center;
background-color:#DC5D00;
color: #fff;
border: 1px solid #CCC;
border-radius:4px;
}
#xo-pagenav a.xo-counterpage {
width: 32px;
height: 30px;
margin-top: 5px;
padding-top:5px;
text-decoration: none;
display: inline-block;
font-size: 0.9em;
font-weight: 400;
line-height: 1.42857;
white-space: nowrap;
vertical-align: middle;
margin-bottom: 0px;
text-align: center;
background-color:none;
color: #333;
border: 1px solid #CCC;
cursor:    pointer;
border-radius:4px;
}
#xo-pagenav a.xo-counterpage:hover { border: 1px solid #adadad; color: #333333; margin: 5;  background: #e6e6e6;}


Le résultat sur un écran en 320 px de large:
Open in new window

Posté le : 23/05/2015 16:41

Open in new window

Xoops 2.5.7.2 - Debian 8.2 - Apache 2.4.10 - MySQL 5.5.47 - Php 5.6.17
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Cesagonchu
Re: Pagenav et Xbootstrap (ou autre théme responsive)
#2
Admin Frxoops
Inscrit: 16/03/2009 16:40
De Tende (06)
Messages: 3528
merci slider

Posté le : 23/05/2015 16:44

Open in new window

Xoopseuse Mai 2012 | Responsable équipe internationale | Recherche avancée en bas de page !
Partager Twitter Partagez cette article sur GG+
Rapport Haut
slider84
Re: Pagenav et Xbootstrap (ou autre théme responsive)
#3
Admin Frxoops
Inscrit: 05/03/2005 05:20
De Vaucluse
Messages: 960
Trop rapide Césag .
J'ai pas eu le temps de corriger les fautes d'ortographe que tu avais déjà répondue.

Posté le : 23/05/2015 16:47

Open in new window

Xoops 2.5.7.2 - Debian 8.2 - Apache 2.4.10 - MySQL 5.5.47 - Php 5.6.17
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Cesagonchu
Re: Pagenav et Xbootstrap (ou autre théme responsive)
#4
Admin Frxoops
Inscrit: 16/03/2009 16:40
De Tende (06)
Messages: 3528
Je passais pas là

Posté le : 23/05/2015 16:48

Open in new window

Xoopseuse Mai 2012 | Responsable équipe internationale | Recherche avancée en bas de page !
Partager Twitter Partagez cette article sur GG+
Rapport Haut

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

26 Personne(s) en ligne (24 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 26 | Plus ...