Ajouter une barre de navigation forum

Gonnno Messages postés 7 Statut Membre -  
Gonnno Messages postés 7 Statut Membre -
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 ;)

3 réponses

Gonnno
 
Personne, pour un un début de solution?
0
jordane45 Messages postés 40051 Date d'inscription   Statut Modérateur Dernière intervention   4 761
 
Bonjour
a mon avis. Nous montrer .le code html de ton menu pourrait aider...
0
Gonnno Messages postés 7 Statut Membre
 
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.
0
jordane45 Messages postés 40051 Date d'inscription   Statut Modérateur Dernière intervention   4 761
 
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>

0
Gonnno Messages postés 7 Statut Membre > jordane45 Messages postés 40051 Date d'inscription   Statut Modérateur Dernière intervention  
 
Je vais regarder çà, merci.
0
Gonnno Messages postés 7 Statut Membre
 
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é.
0