Ajouter une barre de navigation forum

Fermé

Gonnno Messages postés 5 Date d'inscription mercredi 3 décembre 2014 Statut Membre Dernière intervention 11 octobre 2017 - Modifié par jordane45 le 5/12/2014 à 16:22
Gonnno Messages postés 5 Date d'inscription mercredi 3 décembre 2014 Statut Membre Dernière intervention 11 octobre 2017 - 9 déc. 2014 à 14:17

Bonjour,

Je suis administrateur d'un forum portant sur le jeu World of Warcraft et, j'ai une petite difficulté.
Je voulais, au départ, ajouter un bouton qui permet de rediriger le visiteur ou membre, vers un autre site.
J'ai donc essayé avec le code suivant (modifié à ma sauce), mais le bouton, s'intercale entre chaque bouton, déjà existant.

<script type="text/javascript">
$(document).ready(function(){
$('#menubar a:last-child').after(' <a href="[http://eu.battle.net/wow/fr/guild/sinstralis/Unholy_Warcult/roster]"><img src="[http://i57.tinypic.com/10dcfh5.png]">Roster</a>');
});
</script>

Donc, dans un second temps, je me suis dis que pour une meilleure clarté, j'allais ajouter une barre juste en dessous de la première, avec les différents boutons que je veux placer, mais je ne trouve pas de code.

Est-il possible d'ajouter une seconde barre? Quel est le code à saisir dans le <head>?
Le cas échéant, comment puis-je corriger le problème précédent?

D'avance merci de prendre de votre temps pour répondre ;)

A voir également:

Ajouter une barre de navigation forum
Navigation privée - Guide
Ajouter une adresse mail - Guide
Que doit-il faire pour effacer les traces de sa navigation ? - Guide
Numéro forum téléphonique gratuit ✓ - Forum Mail
Windows 11 barre des taches a gauche - Guide

3 réponses

Réponse 1 / 3

Gonnno
5 déc. 2014 à 09:10

Personne, pour un un début de solution?

jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
5 déc. 2014 à 09:14

Bonjour
a mon avis. Nous montrer .le code html de ton menu pourrait aider...

Réponse 2 / 3

Gonnno Messages postés 5 Date d'inscription mercredi 3 décembre 2014 Statut Membre Dernière intervention 11 octobre 2017
Modifié par jordane45 le 5/12/2014 à 16:20

Je comprends, mais comme je suis novice en programmation, je pensais que ce la suffisait.
Voilà le menu :

<div id="menubar">   
<ul class="style1">
    <li class="first_element">
<a href="http://unholywarcult.forumprod.com">
<img src="http://img.forumprod.com/img/s/wowmaevahempire/icon_mini_faq.gif" alt="Accueil" title="Accueil" height="28" width="28"> Forum</a>
</li>
    
<li>
<a href="./faq.php">
<img src="http://img.forumprod.com/img/s/wowmaevahempire/icon_mini_faq.gif" alt="FAQ" title="FAQ" height="28" width="28"> FAQ</a>
</li>
    
<li>
<a href="./search.php"><img src="http://img.forumprod.com/img/s/wowmaevahempire/icon_mini_search.gif" alt="Rechercher" title="Rechercher" height="28" width="28"> Rechercher</a>
</li>
    
 <li>
<a href="./ucp.php?mode=register">
<img src="http://img.forumprod.com/img/s/wowmaevahempire/icon_mini_register.gif" alt="Inscription" title="Inscription" height="28" width="28"> Inscription</a>
</li>
    
<li class="last_element">
<a href="./ucp.php?mode=login"><img src="http://img.forumprod.com/img/s/wowmaevahempire/icon_mini_login.gif" alt="Connexion" title="Connexion" height="20" width="20"> Connexion</a>
</li>
    
</ul>
   
</div>

En faisant qques essais, j'ai réussi à placer une seconde barre, mais pas du tout en dessous de la première.
Je te donne le lien du forum, s'il te manque qqchose.
http://unholywarcult.forumprod.com/
Merci.

jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
5 déc. 2014 à 16:30

Pour ton souci..

Tu pourrais faire un appendTo()
https://api.jquery.com/appendto/

<script type="text/javascript">
$(document).ready(function(){
$('#menubar').appendTo(' <li class="last_element"><a href="[http://eu.battle.net/wow/fr/guild/sinstralis/Unholy_Warcult/roster]"><img src="[http://i57.tinypic.com/10dcfh5.png]">Roster</a></li>');
});
</script>

Gonnno Messages postés 5 Date d'inscription mercredi 3 décembre 2014 Statut Membre Dernière intervention 11 octobre 2017 > jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024
6 déc. 2014 à 00:32

Je vais regarder çà, merci.

Réponse 3 / 3

Gonnno Messages postés 5 Date d'inscription mercredi 3 décembre 2014 Statut Membre Dernière intervention 11 octobre 2017
Modifié par jordane45 le 9/12/2014 à 14:21

Après de multiples essais, j'ai trouvé la solution.

<script type="text/javascript">
$(document).ready(function(){
$('#menubar').append(' <center><a href="le_lien _du_site"><img src="le_lien_de_votre_image">  le_nom_du_lien</a></center>');
});
</script>

Merci à ceux qui m'ont aidé.

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?

Jet x avis : arnaque casino en ligne

Iptv

Barre verticale droite sur clavier

Barre de navigation outlook

Discussions similaires

Newsletters