Membres connectés récemment
[AWESOMEBB] Afficher un bouton de navigation sur le premier et le dernier message
2 participants
Page 1 sur 1 • Partagez
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 .
Le script est configuré pour afficher ces fameux boutons au bout du quatrième message.
Vous pourrez toujours modifier cette valeur dans le script .
Les aperçus imagés:
Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript
Mettez un titre explicite.
Cochez sur les sujets
Déposez ceci:
Pensez a cliquer sur le bouton Valider
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Ajouter ceci:
Pensez a cliquer sur le bouton
La couleur de fond du bouton est déterminée dans la feuille de style:
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.
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 .
Le script est configuré pour afficher ces fameux boutons au bout du quatrième message.
Vous pourrez toujours modifier cette valeur dans le script .
Les aperçus imagés:
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.
- InvitéInvité
Coucou Phil, je n'ai pas de forum dans cette version, merci quand même
Sujets similaires
» [AwesomeBB] Afficher un bouton de navigation sur le premier et le dernier message
» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
» [AWESOMEBB] Afficher la barre de navigation horizontalement
» [INVISION] Afficher un bouton de navigation sur le premier et le dernier message
» [PUNBB] Afficher un bouton de navigation sur le premier et le dernier message
» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
» [AWESOMEBB] Afficher la barre de navigation horizontalement
» [INVISION] Afficher un bouton de navigation sur le premier et le dernier message
» [PUNBB] 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