Fusionner la barre de navigation et la toolbar

2 participants

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 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

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 Mar 25 Fév 2014 - 13:00

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

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 Mer 26 Fév 2014 - 12:24

UP
Asura Hatake

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 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

Adam_sfp
Membre actif

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

http://antonyadam.kanak.fr
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 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

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 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

Adam_sfp
Membre actif

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

http://antonyadam.kanak.fr
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 Mer 26 Fév 2014 - 15:21

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

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

- Sujets similaires

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