Derniers sujets*
» [TOUTES VERSIONS]Mise en place automatique décorations
par clost Dim 21 Fév 2021 - 11:37
» [AWESOMEBB] Outils de modération rapide
par Milouze14 Jeu 11 Fév 2021 - 6:04
» [TOUTES VERSIONS] Modifier la couleur des pseudos mentionner dans l'éditeur
par fred9545 Mar 2 Fév 2021 - 21:03
» [EDGE] Auto suggestion de la recherche
par tenrev Ven 22 Jan 2021 - 15:13
» [EDGE] Coloriser la cellule vue dans la liste des sujets ....
par tenrev Mar 19 Jan 2021 - 21:31
» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par tenrev Mer 30 Déc 2020 - 16:29
» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par tenrev Mar 29 Déc 2020 - 12:04
» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
par tenrev Mar 29 Déc 2020 - 11:48
» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
par tenrev Mar 29 Déc 2020 - 11:46
» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par tenrev Mar 29 Déc 2020 - 11:43
» [AWESOMEBB] Ajouter un bouton "S'enregistrer" en haut du forum
par Milouze14 Dim 27 Déc 2020 - 8:39
» [AWESOMEBB] Coloriser les cases Annonces & Notes
par Milouze14 Mer 23 Déc 2020 - 8:17
» [PHPBB2] Séparer les messages
par fanny Lun 21 Déc 2020 - 17:51
» [PHPBB2] Mettre en résolu via la réponse rapide
par fred9545 Dim 20 Déc 2020 - 10:48
» [PHPBB2]Supprimer le tag "Re" sur les messages
par fanny Dim 13 Déc 2020 - 22:22
» [PHPBB2] Mettre une couleur de fond dans le profil des messages
par fanny Dim 13 Déc 2020 - 13:26
» [EDGE] Afficher les forums de la catégorie dans la liste des sujets
par clost Sam 12 Déc 2020 - 10:27
» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Quad Daniel Sam 12 Déc 2020 - 8:53
» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
par fanny Ven 11 Déc 2020 - 14:32
» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par fanny Jeu 10 Déc 2020 - 10:36
par clost Dim 21 Fév 2021 - 11:37
» [AWESOMEBB] Outils de modération rapide
par Milouze14 Jeu 11 Fév 2021 - 6:04
» [TOUTES VERSIONS] Modifier la couleur des pseudos mentionner dans l'éditeur
par fred9545 Mar 2 Fév 2021 - 21:03
» [EDGE] Auto suggestion de la recherche
par tenrev Ven 22 Jan 2021 - 15:13
» [EDGE] Coloriser la cellule vue dans la liste des sujets ....
par tenrev Mar 19 Jan 2021 - 21:31
» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par tenrev Mer 30 Déc 2020 - 16:29
» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par tenrev Mar 29 Déc 2020 - 12:04
» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
par tenrev Mar 29 Déc 2020 - 11:48
» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
par tenrev Mar 29 Déc 2020 - 11:46
» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par tenrev Mar 29 Déc 2020 - 11:43
» [AWESOMEBB] Ajouter un bouton "S'enregistrer" en haut du forum
par Milouze14 Dim 27 Déc 2020 - 8:39
» [AWESOMEBB] Coloriser les cases Annonces & Notes
par Milouze14 Mer 23 Déc 2020 - 8:17
» [PHPBB2] Séparer les messages
par fanny Lun 21 Déc 2020 - 17:51
» [PHPBB2] Mettre en résolu via la réponse rapide
par fred9545 Dim 20 Déc 2020 - 10:48
» [PHPBB2]Supprimer le tag "Re" sur les messages
par fanny Dim 13 Déc 2020 - 22:22
» [PHPBB2] Mettre une couleur de fond dans le profil des messages
par fanny Dim 13 Déc 2020 - 13:26
» [EDGE] Afficher les forums de la catégorie dans la liste des sujets
par clost Sam 12 Déc 2020 - 10:27
» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Quad Daniel Sam 12 Déc 2020 - 8:53
» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
par fanny Ven 11 Déc 2020 - 14:32
» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par fanny Jeu 10 Déc 2020 - 10:36
Les statistiques du forum
[PHPBB2] Personnaliser la pagination
Page 1 sur 1 • Partagez
- Milouze14Fondateur

comme le mentionne le titre, vous pouvez personnaliser la pagination
dans la liste des sujets et aussi sur les messages

Le seul petit bémol sur cette astuce se trouve sur les messages ,
il a fallut masquer la phrase "Aller à la page" via la C.S.S.
![[PHPBB2] Personnaliser la pagination 00110](https://i.servimg.com/u/f18/11/26/21/37/00110.png)
Car je rencontrais des problèmes pour supprimer les virgules et les deux points

Actuellement vous avez une apparence similaire à celle-ci dans la liste des sujets:
![[PHPBB2] Personnaliser la pagination 1011](https://i.servimg.com/u/f18/11/26/21/37/1011.png)
Et sur les messages :
![[PHPBB2] Personnaliser la pagination 1111](https://i.servimg.com/u/f18/11/26/21/37/1111.png)
Avec l'astuce voilà à quoi ressemblera votre pagination

Sur la liste des sujets:
![[PHPBB2] Personnaliser la pagination 2010](https://i.servimg.com/u/f18/11/26/21/37/2010.png)
Sur les messages:
![[PHPBB2] Personnaliser la pagination 2110](https://i.servimg.com/u/f18/11/26/21/37/2110.png)
L'astuce vous donnera un changement de texte "Aller à la page" et une infobulle sur le dernier numéro , le cas échéant le script remplacera l'espace représenté par des pointillés par ce que vous souhaitez dans la liste des sujets
L'astuce vous donnera une infobulle sur les petites flèches à gauche et à droite sur les messages ainsi que sur la page active et sur le dernier numéro.
-Astuce des Forums Milouze14&Compagnie-
Pour toute information,merci de contacter un Membre du Staff | ![]() |
Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur les sous forums.
Déposez ce script:
- Code:
$(function(){
$('img[alt="Aller à la page"]').closest('.gensmall').attr('id','M14_page');
});
$(function(){
$('#M14_page.gensmall ').each(function(){
$(this).html($(this).html().replace(/\Aller à la page:/, 'Nombre de pages'));
$(this).html($(this).html().replace(/\[/, ''));
$(this).html($(this).html().replace(/\]/, ''));
$(this).html($(this).html().replace(/\,/, ''));
$(this).html($(this).html().replace(/\, ... ,/, '>>>'));
$(this).html($(this).html().replace(/\, /, ''));
$(this).html($(this).html().replace(/\, /, ''));
});
$('#M14_page.gensmall a:last-child').attr('title','Voir la dernière page');
});

Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur les sujets.
Déposez ce script:
- Code:
//ATTRIBUTION D UNE INFOBULLE
$(function(){
$('.M14_PAGE.gensmall img[alt="Suivant"]').closest('a').attr('id','M14_PAGE_Last').attr('title','Voir la page suivante');
$('.M14_PAGE.gensmall img[alt="Précédent"]').closest('a').attr('id','M14_PAGE_First').attr('title','Voir la page précédente');
$('a#M14_PAGE_Last').prev('a').attr('title','Voir la dernière page');
$('.M14_PAGE.gensmall b').attr('title','Page active');
});
Pensez a cliquer sur le bouton

Puis on va modifier le template viewtopic_body:
Affichage/Templates/Général/viewtopic_body
Recherchez ceci ligne 124 environ:
- Code:
<span class="gensmall">{PAGINATION}</span>
Supprimez et remplacez par:
- Code:
<span class="gensmall M14_PAGE">{PAGINATION}</span>
Plus bas recherchez ligne 298 environ ceci:
- Code:
<span class="gensmall">{PAGINATION}</span>
Supprimez et remplacez par:
- Code:
<span class="gensmall M14_PAGE">{PAGINATION}</span>
Tout en bas du template juste après ceci:
- Code:
<!-- END viewtopic_bottom -->
Déposez le script suivant:
- Code:
<script type="text/javascript">
$(function(){
$('.M14_PAGE').html($('.M14_PAGE').html().replace(/: /g,' ').replace(/, /g,' ')).removeAttr('id');
});
</script>
Il ne reste plus qu'à personnaliser tout çà

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Déposez ce style et agrémentez le style comme bon vous semble
- Code:
/*********DEBUT D AFFICHAGE PAGINATION LISTE DES SUJETS*********/
/*Les couleurs hors lien*/
span#M14_page.gensmall
{
color:darkred;/*la couleur de police*/
font-weight:bold;/*caractere gras*/
}
/*L apparence des non lien au survol*/
span#M14_page.gensmall:hover
{
color:darkgreen;/*la couleur de police*/
}
/*L apparence des numeros*/
span#M14_page.gensmall a[href^="/t"]
{
margin-left 2px ;/*on decale de 2px sur la gauche*/
margin-right:2px;/*on decale de 2px sur la droite*/
padding:2px 4px;/*on donne des espaces 2px en haut et en bas et 4px a gauche et a droite*/
font-weight:bold;/*caractere gras*/
background-color:white;/*la couleur de fond*/
color:black;/*la couleur de police*/
border:1px solid orange;/* bordure de 1px de style solid et sa couleur*/
text-decoration:none !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/*L apparence du premier numero*/
span#M14_page.gensmall a[href^="/t"]:first-child{margin-left:5px;}
/*L apparence du dernier numero*/
span#M14_page.gensmall a[href^="/t"]:last-child{margin-left:10px;}
/*On demande des transitions au survol des numeros*/
span#M14_page.gensmall ,span#M14_page.gensmall a[href^="/t"],.gensmall.M14_PAGE a[href^="/t"]
{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
/*L apparence des liens au survol des numeros*/
span#M14_page.gensmall a[href^="/t"]:hover
{
padding:2px 4px;/*on donne des espaces 2px en haut et en bas et 4px a gauche et a droite*/
background-color:black;/*la couleur de fond*/
color:white;/*la couleur de police*/
border:1px solid darkgreen;/* bordure de 1px de style solid et sa couleur*/
}
/*********FIN D AFFICHAGE PAGINATION LISTE DES SUJETS*********/
/*********DEBUT PAGINATION DES SUJETS*********/
/*Suppression du texte Aller a la page*/
a[onmousedown^="createPagination"]{display:none;}
/*Suppression de la couleur de fond des liens avec image*/
a#M14_PAGE_Last ,a#M14_PAGE_First
{
background:transparent !important;/*NE PAS TOUCHER*/
border:none !important;/*NE PAS TOUCHER*/
}
/*Numero du numero de la page active*/
.gensmall.M14_PAGE b
{
cursor:pointer;
position:relative;
top:2px;/*on decale de 2px du haut le numero*/
margin-left 2px ;/*on decale de 2px sur la gauche*/
margin-right:2px;/*on decale de 2px sur la droite*/
padding:2px 4px;/*on donne des espaces 2px en haut et en bas et 4px a gauche et a droite*/
background-color:white;/*la couleur de fond*/
color:black;/*la couleur de police*/
border:1px solid darkgreen;/* bordure de 1px de style solid et sa couleur*/
-webkit-border-radius: 3px;/*les bordures arrondies*/
-moz-border-radius: 3px;
border-radius: 3px;
}
/*Numero du numero des autres pages*/
.gensmall.M14_PAGE a[href^="/t"]
{
top:0px;
position:relative;
margin-left 2px ;/*on decale de 2px sur la gauche*/
margin-right:2px;/*on decale de 2px sur la droite*/
padding:2px 4px;/*on donne des espaces 2px en haut et en bas et 4px a gauche et a droite*/
font-weight:bold;/*caractere gras*/
background-color:white;/*la couleur de fond*/
color:black;/*la couleur de police*/
border:1px solid orange;/* bordure de 1px de style solid et sa couleur*/
text-decoration:none !important;
-webkit-border-radius: 3px;/*les bordures arrondies*/
-moz-border-radius: 3px;
border-radius: 3px;
}
/*Numero des autres pages au survol*/
.gensmall.M14_PAGE a[href^="/t"]:hover
{
top:-5px;/*on remonte de numero de 5px*/
background-color:black;/*la couleur de fond*/
color:white;/*la couleur de police*/
border:1px solid darkgreen; /* bordure de 1px de style solid et sa couleur*/
}
/*On supprime l apparence sur les fleches precedente et suivante*/
.gensmall.M14_PAGE a#M14_PAGE_Last:hover ,.gensmall.M14_PAGE a#M14_PAGE_First:hover
{
top:0px !important; /*NE PAS TOUCHER*/
}
/*********FIN PAGINATION DES SUJETS*********/
Pensez à valider les modifications en cliquant sur le bouton

Voila, c est tout pour le moment

Un soucis direction l entraide

https://www.milouze14.com/f108-entraide-tous-supports
Dernière édition par Milouze14 le Ven 21 Fév 2020 - 17:00, édité 4 fois
- fasciculariaMilouzien
Merci Philippe

- InvitéInvité
Merci Philippe ! :ghjgjghj:
- ThunderTBMilouzien
Merci beaucoup !
- mariokMembre regretté
Merci beaucoup !
- dédé54Milouzien
- Avertissement : 10/100
Et bien moi je ne vois rien à faire?dédé
PS/ je ne' vois pas de codage?
PS/ je ne' vois pas de codage?
- InvitéInvité
Merci Philippe
- El_MojitoMilouzien
Merci beaucoup !
- InvitéInvité
Merci beaucoup !
- clostMilouzien
encore un bon tuto



- dragon594Milouzien
Merci beaucoup !
- InvitéInvité
Merci beaucoup !
- InvitéInvité
Merci beaucoup !
- Queen G.Milouzien
Merci beaucoup !
- ChocolatineMilouzien
Merci beaucoup !
- OmbiMilouzien
Merci beaucoup !
- Grande013Milouzien
Merci beaucoup !
- ProngsMilouzien
Merci :p)
- Ptite_PerleMilouzien
Merci beaucoup !
- kailash35Milouzien
Merci beaucoup !
- KaeylaMilouzien
Merci beaucoup !
- HardRockMilouzien
- Avertissement : 10/100
Merci beaucoup !
- LilasMilouzien
Merci beaucoup !
- Psychotic BitchMilouzien
Merci beaucoup !
Sujets similaires internes ( 0 )
Aucun sujet
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum