Connexion

Récupérer mon mot de passe

Derniers sujets
» histoire du Jour sans fin
[PHPBB2] Personnaliser la pagination Clock-10Hier à 18:12 par bildil62

» [AwesomeBB] Mettre un bouton résolu et déplacé à la corbeille
[PHPBB2] Personnaliser la pagination Clock-10Mer 22 Mai 2019 - 9:19 par Morane

» [AwesomeBB] Histoire de widgets sur AwesomeBB
[PHPBB2] Personnaliser la pagination Clock-10Mer 22 Mai 2019 - 3:51 par Milouze14

» [PHPBB3] Supprimer la ligne Cacher sa présence en ligne
[PHPBB2] Personnaliser la pagination Clock-10Mar 21 Mai 2019 - 17:39 par Milouze14

» Les réseaux sociaux
[PHPBB2] Personnaliser la pagination Clock-10Mar 21 Mai 2019 - 10:17 par Splash

» *RESOLU*[Invision] Changement de couleur pour un dernier groupe installé.
[PHPBB2] Personnaliser la pagination Clock-10Dim 19 Mai 2019 - 19:32 par Milouze14

» Règlement de l'entraide Forumactif
[PHPBB2] Personnaliser la pagination Clock-10Dim 19 Mai 2019 - 10:39 par Romain

» [PhpBB2] Zoom sur catégories comme sur les messages
[PHPBB2] Personnaliser la pagination Clock-10Ven 17 Mai 2019 - 15:52 par Milouze14

» [TUTORIEL PHOTOSHOP] Effacer un objet très facilement avec l'Outil correcteur localisé
[PHPBB2] Personnaliser la pagination Clock-10Mer 15 Mai 2019 - 8:55 par soleda

» Histoire de Blondes Sans Fin
[PHPBB2] Personnaliser la pagination Clock-10Mar 14 Mai 2019 - 7:34 par Quad Daniel

» La dictée qui rend fou "humour"
[PHPBB2] Personnaliser la pagination Clock-10Mar 14 Mai 2019 - 7:23 par Quad Daniel

» [AwesomeBB] Afficher les stats du footer sans afficher le QEEL
[PHPBB2] Personnaliser la pagination Clock-10Lun 13 Mai 2019 - 4:16 par Milouze14

» [PhpBB2]Mettre une couleur de fond dans le profil des messages
[PHPBB2] Personnaliser la pagination Clock-10Ven 10 Mai 2019 - 17:04 par Morane

» [TOUTES VERSIONS] Trouver l'identifiant d'un membre spécifique
[PHPBB2] Personnaliser la pagination Clock-10Mer 8 Mai 2019 - 10:08 par Quad Daniel

» Afficher la date de la dernière visite au survol du Pseudo seulement pour les admins
[PHPBB2] Personnaliser la pagination Clock-10Mer 8 Mai 2019 - 8:17 par Milouze14

» [AwesomeBB]Créer un widget Dernières publications
[PHPBB2] Personnaliser la pagination Clock-10Mar 7 Mai 2019 - 16:44 par Milouze14

» *RESOLU*[PhpBB2] Fenêtre de connexion
[PHPBB2] Personnaliser la pagination Clock-10Lun 6 Mai 2019 - 18:46 par Milouze14

» *RESOLU*[PhpBB2] Messenger forumactif sur votre forum
[PHPBB2] Personnaliser la pagination Clock-10Lun 6 Mai 2019 - 17:14 par Milouze14

» [PhpBB2]Afficher le lien du sujet dans les messages
[PHPBB2] Personnaliser la pagination Clock-10Dim 5 Mai 2019 - 19:38 par Milouze14

» [AwesomeBB]Afficher les widgets à droite
[PHPBB2] Personnaliser la pagination Clock-10Dim 5 Mai 2019 - 18:43 par Milouze14

[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