Ajouter une barre de navigation forum
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.
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 ;)
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
-
Personne, pour un un début de solution?
-
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.-
ModérateurPour 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> -
@jordane45Je vais regarder çà, merci.
-
-
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é.
