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
Code iptv 2024 forum ✓ - Forum TNT / Satellite / Réception
Égal barré ✓ - Forum Bureautique
Effacer les données de navigation - Guide
Les sites web peuvent garder la trace de votre navigation en déposant des sur votre ordinateur. en mode navigation , ces informations sont supprimées à la fermeture du navigateur. - Forum Logiciels

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 38314 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 novembre 2024 4 705
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 38314 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 novembre 2024 4 705
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 38314 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 novembre 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

Jet x avis : arnaque casino en ligne

Iptv beug

Barre verticale droite sur clavier

Problème IPTV SMARTER

Alt + = un égal barré = différence !