Connexion

Récupérer mon mot de passe

Derniers sujets
» [PhpBB2] Comme sur ce forum....capture écran jointe
par Milouze14 Aujourd'hui à 4:21

» [PhpBB2] Index colonnes
par Milouze14 Aujourd'hui à 4:20

» [Invision]Afficher les boutons " éditer, citer, supprimer, etc ... " sous forme de texte
par Milouze14 Hier à 19:26

» [Invision] 3D pour invision
par Milouze14 Hier à 19:19

» *RESOLU*[PhpBB3] Changer la couleur du texte dans" Qui est en ligne "
par Milouze14 Hier à 19:06

» Règlement de l'entraide Forumactif
par Angelface Hier à 18:07

» *RESOLU*[PhpBB2] Bouton qui est en ligne qui clignote....
par Milouze14 Hier à 16:22

» [PHPBB2] Cacher tous les sujets des invités
par dédé54 Hier à 12:42

» [PhpBB2] index colonnes
par Milouze14 Hier à 4:24

» *RESOLU*[PhpBB2] coloration du titre du sujet dans chaque rubrique .
par Milouze14 Mer 16 Oct 2019 - 18:58

» histoire du Jour sans fin
par Quad Daniel Mer 16 Oct 2019 - 8:06

» Histoire de Blondes Sans Fin
par Quad Daniel Mer 16 Oct 2019 - 8:00

» *RESOLU*[PhpBB3] L'harmonie des couleurs
par 1bernard1 Mer 16 Oct 2019 - 5:18

» *RESOLU*[PhpBB2] Script qui beug depuis plusieurs jours
par Milouze14 Mar 15 Oct 2019 - 19:46

» *RESOLU*[PhpBB2] Coloration de citation parteille et autres
par Milouze14 Mar 15 Oct 2019 - 19:11

» *CORBEILLE*[Edge] Probleme affichage d'avatar..
par Milouze14 Mar 15 Oct 2019 - 19:02

» *RESOLU*[PhpBB2] Je n'ai pas le nombre de posts et sujets dans l'astuce...
par Milouze14 Mar 15 Oct 2019 - 19:00

» *RESOLU*[PhpBB3] Couleurs des liens dans le widget " derniers sujets "
par Milouze14 Lun 14 Oct 2019 - 19:58

» [PhpBB2]Afficher le nombre de sujets/messages sur les messages
par Milouze14 Dim 13 Oct 2019 - 18:04

» [PhpBB3]Afficher le nombre de sujets/messages sur les messages
par Milouze14 Sam 12 Oct 2019 - 18:44

[PHPBB2] Personnaliser la pagination

Voir le sujet précédent Voir le sujet suivant Aller en bas

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mer 8 Juil 2015 - 19:53

coucou ,

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

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

Car je rencontrais des problèmes pour supprimer les virgules et les deux points  hinhin .


Actuellement vous avez une apparence similaire à celle-ci dans la liste des sujets:

[PHPBB2] Personnaliser la pagination 1011


Et sur les messages :

[PHPBB2] Personnaliser la pagination 1111


Avec l'astuce voilà à quoi ressemblera votre pagination  hinhin :

Sur la liste des sujets:

[PHPBB2] Personnaliser la pagination 2010

Sur les messages:

[PHPBB2] Personnaliser la pagination 2110

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-





  • Astuce postée par:
    Réponse automatique:

    Merci de cliquer ici pour voir le message

Pour toute information,merci de contacter un Membre du Staff
[PHPBB2] Personnaliser la pagination Staff10



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');
});



Pensez a cliquer sur le bouton  Valid

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  Valid

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 çà  hinhin .

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  Valid




Voila, c est tout pour le moment  clin oeil .
Un soucis direction l entraide hinhin
https://www.milouze14.com/f108-entraide-tous-supports


Dernière édition par Milouze14 le Dim 7 Oct 2018 - 8:42, édité 3 fois
fascicularia
fascicularia
Milouzien

Messagefascicularia le Sam 11 Juil 2015 - 5:48

Merci Philippe super
Anonymous
Invité
Invité

MessageInvité le Mar 14 Juil 2015 - 11:04

Merci Philippe ! :ghjgjghj:
avatar
ThunderTB
Milouzien

MessageThunderTB le Jeu 3 Sep 2015 - 15:10

Merci beaucoup !
mariok
mariok
Membre regretté

Messagemariok le Jeu 3 Sep 2015 - 21:54

Merci beaucoup !
dédé54
dédé54
Milouzien

Messagedédé54 le Jeu 3 Sep 2015 - 23:10

Et bien moi je ne vois rien à faire?dédé
PS/ je ne' vois pas de codage?
{12°S}coco-lapin
{12°S}coco-lapin
Milouzien

Message{12°S}coco-lapin le Ven 25 Sep 2015 - 19:58

Merci Philippe
El_Mojito
El_Mojito
Milouzien

MessageEl_Mojito le Mer 2 Déc 2015 - 14:40

Merci beaucoup !
Anonymous
Invité
Invité

MessageInvité le Mer 2 Déc 2015 - 18:11

Merci beaucoup !
clost
clost
Milouzien

Messageclost le Mar 22 Mar 2016 - 18:36

encore un bon tuto   clin oeil clin oeil
dragon594
dragon594
Milouzien

Messagedragon594 le Dim 27 Mar 2016 - 4:54

Merci beaucoup !
Anonymous
Invité
Invité

MessageInvité le Lun 25 Avr 2016 - 16:29

Merci beaucoup !
Anonymous
Invité
Invité

MessageInvité le Mar 12 Juil 2016 - 0:14

Merci beaucoup !
Queen G.
Queen G.
Milouzien

MessageQueen G. le Sam 29 Oct 2016 - 19:30

Merci beaucoup !
Chocolatine
Chocolatine
Milouzien

MessageChocolatine le Mer 31 Mai 2017 - 13:34

Merci beaucoup !
Ombi
Ombi
Milouzien

MessageOmbi le Ven 28 Juil 2017 - 20:34

Merci beaucoup !
Grande013
Grande013
Milouzien

MessageGrande013 le Mar 8 Aoû 2017 - 13:19

Merci beaucoup !
Chocapic
Chocapic
Milouzien

MessageChocapic le Mer 4 Oct 2017 - 8:26

Merci :p)
Ptite_Perle
Ptite_Perle
Milouzien

MessagePtite_Perle le Sam 14 Oct 2017 - 18:55

Merci beaucoup !
avatar
kailash35
Milouzien

Messagekailash35 le Sam 20 Jan 2018 - 14:00

Merci beaucoup !
Kaeyla
Kaeyla
Milouzien

MessageKaeyla le Jeu 1 Fév 2018 - 22:55

Merci beaucoup !
HardRock
HardRock
Milouzien

MessageHardRock le Lun 2 Avr 2018 - 14:41

Merci beaucoup !
Lilas
Lilas
Milouzien

MessageLilas le Dim 11 Nov 2018 - 23:38

Merci beaucoup !
Psychotic Bitch
Psychotic Bitch
Milouzien

MessagePsychotic Bitch le Dim 27 Jan 2019 - 14:32

Merci beaucoup !

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum