Créer un menu avec Ancre sur les Catégories

[Offrande]

Bonjour tout le monde

Je souhaiterais faire une seconde demande d'aide si cela est possible pour créer un menu à droite de mon Forum (comme à gauche il y as déjà le menu du grimoire). Ma demande se résumerais à créer un petit menu avec des cadres et dedans des liens... chaque liens mènerais à une catégories du forum par un système d'ancre si cela est possible. Je souhaiterais que le menu ressemble à peut prêt à ceux-ci :

Je vous remercie beaucoup de votre aide et de l'attention que vous avez porter à ma demande, je vous souhaite une très douce soirée <3
Respectueusement,
Offrande

[Chacha]

Bonjour, Attention, cela fait 7 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Offrande]

Up

[Chacha]

Bonjour, Attention, cela fait 7 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Offrande]

Up <3

[Offrande]

Up

[*Splash*]

Hi,

Si cette solution te convient : https://caforum.forumactif.com/t184-systeme-d-onglets-pour-vos-forums-avec-ajout-d-un-menu-a-la-navbar

[Adam_sfp]

Bonjour
Si j'ai bien compris votre demande vous voulez mettre des ancres sur vie du forum, les arts divinatoires etc...

Voici une base pour ce que vous voulez faire ( A vous ensuite de l'adapter si cela vous convient )

On fait  un menu en HTML ( je vous met un exemple avec 3 ancres ) vous pouvez mettre cette partie en page d'accueil.

Code:

<ul id="nav">
  
 <li>
 <a class="anchor-link" href="#cat-1">Cat 1</a>
 </li>
  
 <li>
 <a class="anchor-link" href="#cat-2">Cat 2</a>
 </li>
  
 <li>
 <a class="anchor-link" href="#cat-3">Cat 3</a>
 </li>
</ul>

Pour en ajouter on copie cette partie en changeant le numéro

Code:

<li>
 <a class="anchor-link" href="#cat-4">Cat 4</a>
 </li>

La partie CSS pour mettre le menu en place et le personnaliser. ( A mettre dans votre CSS )

Code:

#nav {
  position: fixed;
  top: 200px;
  right: 0px;
  background: rgba(0,0,0,0.6);
  margin: 0;
  padding: 15px;
  list-style: none;

 
}

#nav a {
  display: block;
  padding: 10px 10px;
  color: #fff;
}

#nav a:hover {
  color: red;
}

Ensuite il faut placer les ancres( on va se servir de la description de chaque 1er forum des catégories.)
pour vous par exemple
Allez dans général catégories et forums cliquez sur Règlement et Explications
et ajouter votre 1ère ancre dans description

Code:

<div id="cat-1" class="section">    
</div>

idem pour la deuxième dans la description de Les Bases de L'Occultisme ( en changeant le numéro de l'ancre )

Code:

<div id="cat-2" class="section">    
</div>

et ainsi de suite....selon le nombre de catégories sans oublier de changer le numéro id de l'ancre

On anime ensuite le "smoothscroll"  avec un script ( A placer dans gestion des codes javascript )

Code:

$(function(){
$('.anchor-link').click(function(e){
  e.preventDefault();
  var target = $($(this).attr('href'));
  if(target.length){
    var scrollTo = target.offset().top;
    $('body, html').animate({scrollTop: scrollTo+'px'}, 1800);
  }
});
});

et logiquement cela devrait fonctionner et ressembler à ceci
https://jsfiddle.net/adam_sfp/nfkw8qvx/

Cdt.

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.