Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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

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

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

Message par Offrande le Ven 28 Sep 2018 - 18:58

Bonjour tout le monde I love you

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 Smile
avatar

Offrande
*****

Féminin
Messages : 614
Inscrit(e) le : 05/01/2013

http://sciences-occultes.forumactif.com/
Offrande a été remercié(e) par l'auteur de ce sujet.

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

Message par Chacha le Ven 5 Oct 2018 - 9:44

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 »
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 57735
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

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

Message par Offrande le Ven 5 Oct 2018 - 19:37

Up Exclamation I love you
avatar

Offrande
*****

Féminin
Messages : 614
Inscrit(e) le : 05/01/2013

http://sciences-occultes.forumactif.com/
Offrande a été remercié(e) par l'auteur de ce sujet.

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

Message par Chacha le Ven 12 Oct 2018 - 9:47

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 »
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 57735
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

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

Message par Offrande le Ven 12 Oct 2018 - 19:44

Up <3
avatar

Offrande
*****

Féminin
Messages : 614
Inscrit(e) le : 05/01/2013

http://sciences-occultes.forumactif.com/
Offrande a été remercié(e) par l'auteur de ce sujet.

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

Message par Offrande le Lun 15 Oct 2018 - 4:45

Up I love you
avatar

Offrande
*****

Féminin
Messages : 614
Inscrit(e) le : 05/01/2013

http://sciences-occultes.forumactif.com/
Offrande a été remercié(e) par l'auteur de ce sujet.

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

Message par *Splash* le Lun 15 Oct 2018 - 7:58

avatar

*Splash*
*****

Masculin
Messages : 760
Inscrit(e) le : 25/02/2018

http://caforum.forumactif.com/
*Splash* a été remercié(e) par l'auteur de ce sujet.

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

Message par Adam_sfp le Lun 15 Oct 2018 - 18:01

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.
avatar

Adam_sfp
Membre actif

Masculin
Messages : 4310
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum