Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Astuces Forumactif

EDGE/ PHPBB2 / PHPBB3/ PUNBB / INVISION/ MODERNBB/ AWESOMEBB
 
AccueilAccueil  PortailPortail  Connexion  S'enregistrerS'enregistrer  
-33%
Le deal à ne pas rater :
-30€ sur le Nettoyeur vapeur Karcher KST 2 Upright EasyFix
59.99 € 89.99 €
Voir le deal

 

 [EDGE]Afficher une navigation rapide sur les messages

Aller en bas 
5 participants
AuteurMessage
Milouze14
Fondateur

Milouze14



[EDGE]Afficher une navigation rapide sur les messages Empty
MessageSujet: [EDGE]Afficher une navigation rapide sur les messages   [EDGE]Afficher une navigation rapide sur les messages EmptyJeu 4 Oct 2018 - 17:47

Hello les ami(e)s,

cette astuce et bien sympa,
elle consiste a déposer un bouton à côté du titre du sujet qui au clic amènera  vers le dernier message de la page et vice versa.

Dès lors que le sujet aura plus d'une page, un autre bouton viendra se greffer seulement à côté du premier message et au clic amènera
vers le dernier message du sujet et vice versa.

Pour que l'astuce soit fonctionnelle, il est impératif que tous les forums est le message le plus ancien en premier:

[EDGE]Afficher une navigation rapide sur les messages 158


Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mettre un titre explicite.
Cochez sur les sujets.


Déposez ceci:
Code:

$(function(){
if (_userdata["user_id"] >= (0)){
var a=$('.post').length;
var paginLength=$('p.pagination').length;
if(a>=3)
{
$('p.author:first a[href^="/u"]').after('<a class="M14_lastComment M14_rounder color-primary"></a>');
$('p.author:last a[href^="/u"]').after('<a class="M14_firstComment M14_rounder color-primary"></a>');
}
var b=$('.post:last').find('h2.topic-title a').attr('href');
var c=$('.post:first').find('h2.topic-title a').attr('href');
$('.M14_lastComment').attr('href',b).attr('title','Voir le dernier message');
$('.M14_firstComment').attr('href',c).attr('title','Voir le premier message');  
// start tooltipster
        $('.M14_lastComment,.M14_firstComment').tooltipster({
          animation : 'fade',
          arrow : true,
          speed : 300,
          delay : 300,
          onlyOne : true,
          theme : 'tooltipster-default'
        });
  
if(paginLength)
{
$('p.author:first a:last').after('<a class="M14_lastPost M14_rounder color-primary"></a>');
$('p.author:last a:last').after('<a class="M14_firstPost M14_rounder color-primary"></a>');
}
var ancre='#M14';
var pageprev=$('p.pagination:first .pag-img img[alt="Précédent"]').length;
var pagenext=$('p.pagination:first .pag-img img[alt="Suivant"]').length;
var pagin=$('p.pagination:first span strong:contains(1)').length;
var paginhref=$('p.pagination:first span a[href^="/t"]:not(.pag-img):last').attr('href');
var lastpagin=$('p.pagination:first span a[href^="/t"]:not(.pag-img):first').attr('href');
$.get(paginhref, function(data){
var d=$(data).find('h2.topic-title:last a[href^="/t"]').attr('href');

if(lastpagin)
{
$('.M14_firstPost').attr('href',lastpagin+ancre).attr('title','Voir le premier message du sujet');
}
if(pageprev){$('.M14_lastPost').hide();}
if(pagenext){$('.M14_firstPost').hide();}
if(pagenext&&pageprev){$('.M14_lastPost,.M14_firstPost').remove();}
if(pagin&&pagenext)
{
$('.M14_lastPost').attr('href',d).attr('title','Voir le dernier message du sujet');
}
  // start tooltipster
        $('.M14_lastPost,.M14_firstPost').tooltipster({
          animation : 'fade',
          arrow : true,
          speed : 300,
          delay : 300,
          onlyOne : true,
          theme : 'tooltipster-default'
});});}});



Pensez a cliquer sur le bouton Valider

Dans le template viewtopic_body:
Affichage/Templates/Général/viewtopic_body

Ajouter en début de page ceci:



Code:

<style>

/*BOUTON SUR LE PREMIER MESSAGE DU SUJET*/
.M14_lastPost:before
{
content: "\f103";
font-family: FontAwesome;
color: white !important;
position: relative;
font-size:10px;
margin-left:5px;
margin-top: 2px;
}
/*BOUTON SUR LE DERNIER MESSAGE DU SUJET*/
.M14_firstPost:before
{
content: "\f102";
font-family: FontAwesome;
color: white !important;
position: relative;
font-size:10px;
margin-left:5px;
margin-top: 2px;
}
/*BOUTON SUR LE PREMIER MESSAGE*/
.M14_lastComment:before
{
content:"\f107";
font-family: FontAwesome;
color:white!important;
position: relative;
font-size: 10px;
margin-left: 5px;
margin-top: 2px;
}
/*BOUTON SUR LE DERNIER MESSAGE*/
.M14_firstComment:before
{
content:"\f106";
font-family: FontAwesome;
color:white!important;
position: relative;
font-size: 10px;
margin-left:5px;
margin-top: 2px;
}
.M14_rounder
{
display:inline-flex;
text-align: center;
cursor: pointer;
width:16px;
padding:2px;
height:16px;
-webkit-border-radius:16px;
-moz-border-radius:16px;
border-radius:16px;
}
/*SI EN LIGNE ON DONNE LA COULEUR VERTE*/
.online .M14_rounder{background: #8B5;}
  
.M14_lastComment,.M14_firstComment{margin: -8px 0px 0px 5px;}
.M14_firstPost,.M14_lastPost{margin-left: 5px;}
</style>


Pensez à enregistrer puis à valider en cliquant respectivement sur Enregistrer  puis  Ajout


Dernière édition par Milouze14 le Mar 30 Nov 2021 - 4:16, édité 3 fois
Revenir en haut Aller en bas
https://www.milouze14.com
Splash
Milouzien

Splash



[EDGE]Afficher une navigation rapide sur les messages Empty
MessageSujet: Re: [EDGE]Afficher une navigation rapide sur les messages   [EDGE]Afficher une navigation rapide sur les messages EmptyJeu 4 Oct 2018 - 22:24

Merci beaucoup !

Super et bravo pour le job.
Les boutons sont positionnés entre le pseudo et la date, je les aurais bien vus après la date
Revenir en haut Aller en bas
https://lesforums.caforum.fr
1bernard1
Milouzien

1bernard1



[EDGE]Afficher une navigation rapide sur les messages Empty
MessageSujet: Re: [EDGE]Afficher une navigation rapide sur les messages   [EDGE]Afficher une navigation rapide sur les messages EmptyVen 5 Oct 2018 - 3:01

Merci beaucoup !
Revenir en haut Aller en bas
http://ze-bistro.forumactif.com/
msfeettoes
Milouzien

msfeettoes



[EDGE]Afficher une navigation rapide sur les messages Empty
MessageSujet: Re: [EDGE]Afficher une navigation rapide sur les messages   [EDGE]Afficher une navigation rapide sur les messages EmptySam 13 Oct 2018 - 14:25

Merci beaucoup !
Revenir en haut Aller en bas
https://feetloverfeets.forumactif.com/
chrisnvidia
Milouzien

chrisnvidia



[EDGE]Afficher une navigation rapide sur les messages Empty
MessageSujet: Re: [EDGE]Afficher une navigation rapide sur les messages   [EDGE]Afficher une navigation rapide sur les messages EmptyLun 3 Déc 2018 - 15:39

Merci beaucoup !
Revenir en haut Aller en bas
https://sos-pc.forumactif.org/
msfeettoes
Milouzien

msfeettoes



[EDGE]Afficher une navigation rapide sur les messages Empty
MessageSujet: Re: [EDGE]Afficher une navigation rapide sur les messages   [EDGE]Afficher une navigation rapide sur les messages EmptyMer 5 Déc 2018 - 9:29

Merci beaucoup !
Revenir en haut Aller en bas
https://feetloverfeets.forumactif.com/
Contenu sponsorisé





[EDGE]Afficher une navigation rapide sur les messages Empty
MessageSujet: Re: [EDGE]Afficher une navigation rapide sur les messages   [EDGE]Afficher une navigation rapide sur les messages Empty

Revenir en haut Aller en bas
 
[EDGE]Afficher une navigation rapide sur les messages
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [EDGE] Afficher masquer le profil dans les messages
» [PHPBB2]Afficher une navigation rapide sur les messages
» [MODERNBB] Afficher une navigation rapide sur les messages
» [EDGE]Mettre en résolu via la réponse rapide
» [EDGE] Afficher un bouton de navigation sur le premier et le dernier message

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Astuces Forumactif :: Astuces Forumactif :: Les astuces EDGE-
Sauter vers: