Fusionner la barre de navigation et la toolbar

[Asura Hatake]

Bonjour !

Actuellement je fais mumuse sur un forum test et j'essaie d'épurer le tout à fond. Pour cela j'aurais aimé que les liens de la barre de navigation classique (groupes, membres, accueil et messages) fassent partie de la toolbar, histoire de tout regrouper.

Voici mon code javascript :

Code:

$(function () {
            $(window).load(function () {
                $('#fa_toolbar #fa_search').prepend('<ul id="menu">
<a href="/">accueil</a>
<a href="/memberlist">membres</a>
<a href="/privmsg?folder=inbox">messages</a>
<a href="/profile?mode=editprofile">profil</a>
        </ul>');
            });
        });
        $(function()
        {_lang["Welcome"] = "";} );

et le CSS correspondant :

Code:

*Toolbar fa*/
#fa_toolbar, #fa_toolbar_hidden {
background-color: #8FD633 !important;
}

/*elements cachés*/
 #fa_rss, #fa_mail, #fa_gp {
display:none !important;
}
    
#fa_share_text, #fa_service, #fa_welcome, #fa_notifications, #menu {
font-size: 14px;
color: #FFF;
font-weight: 400;
text-shadow: 1px 1px 0px #000;
text-transform: lowercase;
}

Mon problème étant que je ne sais pas comment m'y prendre pour afficher les liens en question correctement dans la toolbar. C'est-à-dire au centre, avec un espace entre chaque lien et sans déranger les autres liens de la toolbar.

Voici à quoi cela ressemble actuellement : http://freaks.forumactif.org/

Est-ce que quelqu'un pourrait m'aider à rédiger un meilleur code javascript ?

Par avance merci. J'espère que la question n'a pas déjà été posée, je n'ai pas réussi à trouver de sujet correspondant.

[Asura Hatake]

Bonjour ! Un petit up, j'espère que quelqu'un va pouvoir m'aider.

[Asura Hatake]

UP

[Adam_sfp]

Bonjour

Vous pouvez essayer
Dans le Java

Code:

$(function(){$(function(){
               
                $('#fa_search').after('<span class="fa_tbMainElement"><div id="menutest"><a href="/">accueil</a>
        <a href="/memberlist">membres</a>
        <a href="/privmsg?folder=inbox">messages</a>
        <a href="/profile?mode=editprofile">profil</a></div></span>');
               
              })});

Dans le CSS

Code:

#menutest a
{
    padding: 0 5px;
}

Cdt

[Asura Hatake]

Cest génial ! Merci beaucoup ! : D
Et la partie "Partager :", je la déplace comment ? Si je veux la mettre tout à droite ou tout à gauche ?

[Adam_sfp]

Bonjour

Pour la déplacer à gauche par exemple après la recherche
Essayez

Code:

$(function(){$(function(){
        
         $('#fa_search').after($("#fa_share.fa_tbMainElement"));
        
       })});

Vous pouvez utilisez le même code en changeant les identifiants..
Dans l'exemple on a #fa_search ensuite after (après) on place l'élément que l'on veut déplacer #fa_share.fa_tbMainElement qui correspond à partager +les logos..

*Vous pouvez mettre .before (avant) à la place de .after

Cdt.

[Asura Hatake]

C'est parfait, franchement un grand merci. Je vais éditer le message.