Rajouter un lien Récompenses dans la barre de navigation

[gigi68]

Bonjour à tous ,
Tout est dit dans le titre
Je souhaiterais  mettre un lien dans ma barre de navigation qui mène vers les récompenses non obptenus

Comme ceci


Est ce possible Merci d'avance
Belle journée à tous

[MlleAlys]

Bonjour,
- Rendez-vous dans Affichage > page d'accueil > En-tête & navigation ;
- Cliquez sur "Ajouter un menu personnalisé" ;
- Complétez les champs et les permissions comme souhaité, avec le lien menant aux récompenses dans "URL de redirection" ;
- Enregistrez ;
- Placez à l'aide des flèches le lien à la place voulue dans la navigation.

[gigi68]

Bonjour @MlleAlys

Merci pour la réponse , Le soucis c'est que le lien ne dirigera que vers mon profil de Récompenses !

[MlleAlys]

Ah oui pardon, bien vu. On va passer par un javascript :

- rendez-vous dans modules > javascripts.
- vérifiez que l'option "Activer la gestion des codes Javascript" est cochée sur "OUI"
- créez un nouveau code :
Titre : Ce que vous souhaitez de reconnaissable, par exemple "lien récompenses navigation"
Placement : Sur toutes les pages.
Code javascript : copiez-collez le code suivant :

Code:

$(function(){
  if( _userdata.user_id != -1 ){
    $('a.mainmenu[href="/faq"]').after(' <a class="mainmenu" href="/u'+ _userdata.user_id +'awards">Récompenses</a>');
  };
});

- Enregistrez
- Actualisez votre forum : le nouveau lien doit apparaitre en format texte juste après celui de la FAQ.
Le lien n'apparait pas pour les invités.
Il est possible de modifier le code pour placer le lien où vous souhaitez et remplacer le texte par une image.

[gigi68]

Ah merci je vais tenter

[gigi68]

je vois pas comment faire ca

[gigi68]

En faite j'aurais plutôt besoins de glisser l'URL dans ce genre de code :

Code:

<a style="color: rgb(0, 0, 153);" href="ADRESSE" class="postlink"><img src="Image" title="Récompenses" <img="" border="0" alt="" /></a>

Je m'étais trompé dans la saisie du code

[MlleAlys]

Pour avoir une image à la place du texte, remplacez le code javascript précédent par celui-ci :

Code:

$(function(){
  if( _userdata.user_id != -1 ){
    $('a.mainmenu[href="/faq"]').after(' <a class="mainmenu" href="/u'+ _userdata.user_id +'awards"><img id="i_icon_mini_recompenses" src="URLIMAGE" border="0" hspace="0" alt="Récompenses" title="Récompenses"></a>');
  };
});

Dans ce code, remplacez uniquement URLIMAGE par l'url de l'image voulue.

[chattigre]

Bonjour,

Message par gigi68 Aujourd'hui à 13:30
Message par gigi68 Aujourd'hui à 13:34
Message par gigi68 Aujourd'hui à 13:38

Je vous rappelle qu'il est autorisé un seul UP ou double-post (ou plus) par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Merci d'utiliser le bouton pour modifier votre dernier message et y apporter une information supplémentaire. Je vous invite à lire : - Règles générales du forum - Charte de ce forum

Du reste la solution de MlleAlys me parait tout à fait fonctionnelle, si vous avez besoin d'informations sur comment créer un nouveau Javascript vous pouvez lire ce sujet : Gestion des codes JavaScript.

Bonne journée
Cordialement

[gigi68]

Ok c'est super je vous remercie beaucoup pour votre aide

[gigi68]

Re bonjour ,
Je suis desoler mais cecifonctionne mais ne me conviens pas

Code:

$(function(){
  if( _userdata.user_id != -1 ){
    $('a.mainmenu[href="/faq"]').after(' <a class="mainmenu" href="/u'+ _userdata.user_id +'awards"><img id="i_icon_mini_recompenses" src="URLIMAGE" border="0" hspace="0" alt="Récompenses" title="Récompenses"></a>');
  };
});

Je souhaite vraiment placer mon bouton allieur dans un autre menu
comme celui là

Code:

<a style="color: rgb(0, 0, 153);" href="ADRESSE" class="postlink"><img src="Image" title="Récompenses" <img="" border="0" alt="" /></a>

A tous hasard si quelqu'un peut m'aider ... Si non je laisserais tombé cette idée .
Bonne journnée à tous

[chattigre]

Bonjour, Le topic est replacé et fusionné avec votre dernier message. Cordialement

[MlleAlys]

Où exactement souhaitez-vous le placer ?

[gigi68]

Dans un widget d'un portail
Avec un code comme celui là ; si c'est possible !

Code:

<a style="color: rgb(0, 0, 153);" href="ADRESSE" class="postlink"><img src="Image" title="Récompenses" <img="" border="0" alt="" /></a>

[MlleAlys]

Et vous souhaitez le lien sous la forme d'un texte ou d'une image ?

[gigi68]

Une image

[MlleAlys]

- Copiez-collez ce code à l'endroit où vous souhaitez afficher le lien :

Code:

<a id="recompenses-lien-perso" href="/login"><img alt="Récompenses" title="Récompenses" border="0" src="URLIMAGE" /></a><script>$(function(){if(_userdata.user_id != -1){ $('#recompenses-lien-perso').attr('href','/u'+ _userdata.user_id + 'awards');};});</script>

- Remplacez seulement URLIMAGE par l'url de l'image voulue.

Par défaut, le lien lorsqu'on n'est pas connecté renvoie vers la page de connexion au forum.


Pour détailler un peu le code :
La première partie est le code du même type que celui que vous voulez, avec une image dans un lien :

Code:

<a id="recompenses-lien-perso" href="/login"><img alt="Récompenses" title="Récompenses" border="0" src="URLIMAGE" /></a>

La partie qui suit joue le rôle du code javascript que je vous avez donné plus tôt, pour que le lien corresponde au profil chaque membre :

Code:

<script>$(function(){if(_userdata.user_id != -1){ $('#recompenses-lien-perso').attr('href','/u'+ _userdata.user_id + 'awards');};});</script>

- Si vous l'avez gardé, vous pouvez supprimer le code javascript que je vous avez proposé dans les modules.

[gigi68]

Hey c'est super top ca fonctionne super
Infiniment merci et bravo pour vos compétances

Je met en résolu
Bonne fin de journée à tous