Connexion

Récupérer mon mot de passe

Derniers sujets
» Petit soucis avec l'outil de navigation rapide
[EDGE]Afficher une navigation rapide sur les messages Clock-10Aujourd'hui à 8:40 par Milouze14

» Voyage en train "histoire"
[EDGE]Afficher une navigation rapide sur les messages Clock-10Aujourd'hui à 7:35 par Quad Daniel

» [AwesomeBB] Afficher le bouton de prévisualisation sur la réponse rapide
[EDGE]Afficher une navigation rapide sur les messages Clock-10Hier à 18:39 par Milouze14

» Évasion fiscale "blagounette"
[EDGE]Afficher une navigation rapide sur les messages Clock-10Hier à 12:54 par Quad Daniel

» Les mots croisés
[EDGE]Afficher une navigation rapide sur les messages Clock-10Ven 19 Avr 2019 - 7:29 par Quad Daniel

» Note de service " Blagounette"
[EDGE]Afficher une navigation rapide sur les messages Clock-10Ven 19 Avr 2019 - 7:27 par Quad Daniel

» Petite annonce "histoire"
[EDGE]Afficher une navigation rapide sur les messages Clock-10Jeu 18 Avr 2019 - 15:28 par Jean22

» Paris-Lyon "histoire"
[EDGE]Afficher une navigation rapide sur les messages Clock-10Jeu 18 Avr 2019 - 15:27 par Jean22

» Disparu "histoire"
[EDGE]Afficher une navigation rapide sur les messages Clock-10Jeu 18 Avr 2019 - 15:26 par Jean22

» La pendule "histoire"
[EDGE]Afficher une navigation rapide sur les messages Clock-10Jeu 18 Avr 2019 - 14:36 par Quad Daniel

» [PHPBB3]Afficher une navigation rapide sur les messages
[EDGE]Afficher une navigation rapide sur les messages Clock-10Jeu 18 Avr 2019 - 9:49 par Splash

» [PhpBB3]Aspect de la réception d'une newsletter ...
[EDGE]Afficher une navigation rapide sur les messages Clock-10Mer 17 Avr 2019 - 15:56 par Milouze14

» [TOUTES VERSIONS] Afficher les outils de modération via la liste des sujets
[EDGE]Afficher une navigation rapide sur les messages Clock-10Mer 17 Avr 2019 - 10:09 par Splash

» [PHPBB2] Ajouter un id à partir de l'attribut de l'image
[EDGE]Afficher une navigation rapide sur les messages Clock-10Mer 17 Avr 2019 - 4:02 par Milouze14

» [PhpBB2] Problème encodage avec un script
[EDGE]Afficher une navigation rapide sur les messages Clock-10Mer 17 Avr 2019 - 3:54 par Milouze14

» [Blague]Histoire courte mais très courte ....
[EDGE]Afficher une navigation rapide sur les messages Clock-10Lun 15 Avr 2019 - 22:00 par dédé54

» Sommes-nous tous sur écoute ? "blague"
[EDGE]Afficher une navigation rapide sur les messages Clock-10Lun 15 Avr 2019 - 18:10 par fred9545

» Règlement de l'entraide Forumactif
[EDGE]Afficher une navigation rapide sur les messages Clock-10Lun 15 Avr 2019 - 15:27 par Tony L

» Les calculettes
[EDGE]Afficher une navigation rapide sur les messages Clock-10Dim 14 Avr 2019 - 15:22 par Quad Daniel

» [PHPBB2] Afficher le règlement du forum en haut de sujet
[EDGE]Afficher une navigation rapide sur les messages Clock-10Sam 13 Avr 2019 - 14:19 par choupette60

[EDGE]Afficher une navigation rapide sur les messages

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

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Jeu 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









-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
[EDGE]Afficher une navigation rapide sur les messages Staff10




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








Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide clin oeil
https://www.milouze14.com/f108-entraide-tous-supports


Dernière édition par Milouze14 le Sam 13 Avr 2019 - 19:31, édité 1 fois
Splash
Splash
Milouzien

MessageSplash le Jeu 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
1bernard1
1bernard1
Milouzien

Message1bernard1 le Ven 5 Oct 2018 - 3:01

Merci beaucoup !
msfeettoes
msfeettoes
Milouzien

Messagemsfeettoes le Sam 13 Oct 2018 - 14:25

Merci beaucoup !
chrisnvidia
chrisnvidia
Milouzien

Messagechrisnvidia le Lun 3 Déc 2018 - 15:39

Merci beaucoup !
msfeettoes
msfeettoes
Milouzien

Messagemsfeettoes le Mer 5 Déc 2018 - 9:29

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