[AWESOMEBB] Afficher un bouton de navigation sur le premier et le dernier message

Fondateur

Hello les ami(e)s,

l'astuce consiste a placer un bouton sur le premier et le dernier message.

Vous pourrez dans ce cas naviguer plus rapidement en cliquant sur l'un des deux boutons.
Donc, si vous cliquez sur le premier bouton, vous arriverez au dernier et vice versa impeccable

.
Le script est configuré pour afficher ces fameux boutons au bout du quatrième message.
Vous pourrez toujours modifier cette valeur dans le script clin oeil

.

Les aperçus imagés:

[AWESOMEBB] Afficher un bouton de navigation sur le premier et le dernier message 1234

[AWESOMEBB] Afficher un bouton de navigation sur le premier et le dernier message 260

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

Mettez un titre explicite.
Cochez sur les sujets

Déposez ceci:

Code:: $(function(){
if (_userdata["user_id"] >= (0)){
var posT=$('div[class*="post--"]').length;
var b=$('div.post-header:last h2 span a').attr('href');
var c=$('div.post-header:first h2 span a').attr('href');
if(posT>=3)
{
$('div.post-header:first h2 span').after('<a class="M14_lastComment M14_rounder"style="margin-left:3px;"><i class="material-icons">arrow_drop_down</i></a>');
$('div.post-header:last h2 span').append('<a class="M14_firstComment M14_rounder"style="margin-left:3px;"><i class="material-icons">arrow_drop_up</i></a>');
}
$('.post-author-name').each(function(){
var M14_color=$(this).find('a[href^="/u"] span').css('color');
if(M14_color)
{
$(this).closest('.post-body').prev().find('.M14_rounder').css('backgroundColor',M14_color);
}
$('.M14_lastComment').attr('href',b).attr('title','Voir le dernier message de la page');
$('.M14_firstComment').attr('href',c).attr('title','Voir le premier message de la page');
});}});

Pensez a cliquer sur le bouton Valider

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Ajouter ceci:

Code:: .M14_rounder {
   background-color:orange;
   display: inline-flex;
   text-align: center;
   cursor: pointer;
   padding: 2px;
   -webkit-border-radius: 16px;
   -moz-border-radius: 16px;
   border-radius: 16px;
}

Pensez a cliquer sur le bouton

La couleur de fond du bouton est déterminée dans la feuille de style:

Code:: background-color:orange;

Changez cette dernière en relation avec la couleur de fond du conteneur.

Puis le script va rechercher si il y a une couleur de rang et appliquer dans ce cas la couleur identique.

Milouzien

Invité

Coucou Phil, je n'ai pas de forum dans cette version, merci quand même pasvuT

» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
» [AWESOMEBB] Afficher la barre de navigation horizontalement
» [AWESOMEBB]Afficher la majeure partie des variables avec un bouton sur l'éditeur
» [PUNBB] Afficher un bouton de navigation sur le premier et le dernier message
» [AWESOMEBB]Ajouter l'infobulle au survol des boutons de la barre de navigation