Membres connectés récemment
[EDGE]Afficher une navigation rapide sur les messages
5 participants
Page 1 sur 1
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:
Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript
Mettre un titre explicite.
Cochez sur les sujets.
Déposez ceci:
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:
Pensez à enregistrer puis à valider en cliquant respectivement sur Enregistrer puis
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:
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
Sujets similaires
» [EDGE] Afficher masquer le profil dans les messages
» [PHPBB3]Afficher une navigation rapide sur les messages
» [PHPBB2]Afficher une navigation rapide sur les messages
» [MODERNBB] Afficher une navigation rapide sur les messages
» [EDGE] Afficher un bouton de navigation sur le premier et le dernier message
» [PHPBB3]Afficher une navigation rapide sur les messages
» [PHPBB2]Afficher une navigation rapide sur les messages
» [MODERNBB] Afficher une navigation rapide sur les messages
» [EDGE] Afficher un bouton de navigation sur le premier et le dernier message
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