Fusionner la barre de navigation et la toolbar

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Fusionner la barre de navigation et la toolbar

Message par Asura Hatake le Lun 24 Fév 2014 - 12:53

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.


Dernière édition par Asura Hatake le Mer 26 Fév 2014 - 15:22, édité 1 fois

Asura Hatake
***

Féminin
Messages : 107
Inscrit(e) le : 23/02/2007

http://wammys-house.forums-actifs.net/
Asura Hatake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fusionner la barre de navigation et la toolbar

Message par Asura Hatake le Mar 25 Fév 2014 - 13:00

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

Asura Hatake
***

Féminin
Messages : 107
Inscrit(e) le : 23/02/2007

http://wammys-house.forums-actifs.net/
Asura Hatake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fusionner la barre de navigation et la toolbar

Message par Asura Hatake le Mer 26 Fév 2014 - 12:24

UP

Asura Hatake
***

Féminin
Messages : 107
Inscrit(e) le : 23/02/2007

http://wammys-house.forums-actifs.net/
Asura Hatake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fusionner la barre de navigation et la toolbar

Message par Adam_sfp le Mer 26 Fév 2014 - 12:45

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

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fusionner la barre de navigation et la toolbar

Message par Asura Hatake le Mer 26 Fév 2014 - 14:00

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 ?

Asura Hatake
***

Féminin
Messages : 107
Inscrit(e) le : 23/02/2007

http://wammys-house.forums-actifs.net/
Asura Hatake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fusionner la barre de navigation et la toolbar

Message par Adam_sfp le Mer 26 Fév 2014 - 14:51

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.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fusionner la barre de navigation et la toolbar

Message par Asura Hatake le Mer 26 Fév 2014 - 15:21

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

Asura Hatake
***

Féminin
Messages : 107
Inscrit(e) le : 23/02/2007

http://wammys-house.forums-actifs.net/
Asura Hatake a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum