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  
Le Deal du moment : -50%
Nike Sportswear Club Fleece – Sweat à ...
Voir le deal
29.97 €

 

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

Aller en bas 
2 participants
AuteurMessage
Milouze14
Fondateur

Milouze14



[AWESOMEBB] Afficher un bouton de navigation sur le premier et le dernier message Empty
MessageSujet: [AWESOMEBB] Afficher un bouton de navigation sur le premier et le dernier message   [AWESOMEBB] Afficher un bouton de navigation sur le premier et le dernier message EmptyVen 26 Avr 2019 - 18:58

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 [AWESOMEBB] Afficher un bouton de navigation sur le premier et le dernier message Sans_t10

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.




Dernière édition par Milouze14 le Sam 4 Déc 2021 - 6:09, édité 4 fois
Revenir en haut Aller en bas
https://www.milouze14.com
Splash
Milouzien

Splash



[AWESOMEBB] Afficher un bouton de navigation sur le premier et le dernier message Empty
MessageSujet: Re: [AWESOMEBB] Afficher un bouton de navigation sur le premier et le dernier message   [AWESOMEBB] Afficher un bouton de navigation sur le premier et le dernier message EmptyDim 28 Avr 2019 - 2:37

super
Revenir en haut Aller en bas
https://lesforums.caforum.fr
Invité
Invité
Anonymous



[AWESOMEBB] Afficher un bouton de navigation sur le premier et le dernier message Empty
MessageSujet: Re: [AWESOMEBB] Afficher un bouton de navigation sur le premier et le dernier message   [AWESOMEBB] Afficher un bouton de navigation sur le premier et le dernier message EmptyDim 28 Avr 2019 - 15:05

Coucou Phil, je n'ai pas de forum dans cette version, merci quand même pasvuT
Revenir en haut Aller en bas
Contenu sponsorisé





[AWESOMEBB] Afficher un bouton de navigation sur le premier et le dernier message Empty
MessageSujet: Re: [AWESOMEBB] Afficher un bouton de navigation sur le premier et le dernier message   [AWESOMEBB] Afficher un bouton de navigation sur le premier et le dernier message Empty

Revenir en haut Aller en bas
 
[AWESOMEBB] Afficher un bouton de navigation sur le premier et le dernier message
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [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

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