Ajouter les autres menu à la barre de menu

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

Résolu Ajouter les autres menu à la barre de menu

Message par Arold le Mer 1 Jan 2014 - 22:40

Yop !

J'ai tenté d'ajouter la FAQ à la barre des menus mais en vain. Je ne sais pas quoi et ou ajouter les codes pour les ajouter sur ma barre de menu que voici :



En fait, je veux mettre ''FAQ'' à côté de Profil. Voici mes codes.

JAVASCRIPT

Code:
jQuery(window).load(function() {
if (_userdata["session_logged_in"] == '1') {
jQuery('#fa_left').prepend('<a id="fa_profil" href="#" onclick="return false;" style="padding:5.4px 5px;">    Profil</a><div id="quinfo" style="position:fixed;"><a href="/profile?mode=editprofile&page_profil=informations">Informations</a><br/><a href="/profile?mode=editprofile&page_profil=preferences">Préférences</a><br/><a href="/profile?mode=editprofile&page_profil=signature">Signature</a><br/><a href="/profile?mode=editprofile&page_profil=avatars">Avatar</a><br/><a href="/profile?mode=editprofile&page_profil=friendsfoes">Amis et ignorés</a><br/><a href="/profile?mode=editprofile&page_profil=notifications">Notifications</a><br/></div>');
jQuery('#quinfo').hide();
jQuery('#fa_profil').click(function() { jQuery('#quinfo').toggle().offset(jQuery(this).offset()); });
}
});

CSS

Code:
#fa_profil {
padding:0 !important;
position:relative;
top:0px;
right:0px;
bottom:0px;
left:0px;
}

#fa_share, #fa_search { display:none !important; }

#quinfo a { color:#257 !important; }
#quinfo a:hover { color:#D14 !important; }
#quinfo {
box-shadow:2px 2px 3px rgba(0,0,0, 0.5);
border:1px solid #ABC;
background:#DEF;
line-height:180%;
text-align:left;
font-size:10px;
padding:3px;
z-index:999;
width:auto;
top:30px !important;
}

Merci et bonne année Smile


Dernière édition par Arold le Ven 3 Jan 2014 - 17:30, édité 1 fois

Arold
****

Masculin
Messages : 238
Inscrit(e) le : 21/07/2013

http://www.mootchies.com
Arold a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter les autres menu à la barre de menu

Message par Arold le Jeu 2 Jan 2014 - 21:33

Up?

Arold
****

Masculin
Messages : 238
Inscrit(e) le : 21/07/2013

http://www.mootchies.com
Arold a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter les autres menu à la barre de menu

Message par Ange Tuteur le Ven 3 Jan 2014 - 13:59

Bonjour Arold ,

changer le CSS :
Code:
.fa_links {
padding:0 !important;
position:relative;
top:0px;
right:0px;
bottom:0px;
left:0px;
}
.fa_popup a { color:#257 !important; }
.fa_popup a:hover { color:#D14 !important; }
.fa_popup {
box-shadow:2px 2px 3px rgba(0,0,0, 0.5);
border:1px solid #ABC;
background:#DEF;
line-height:180%;
text-align:left;
font-size:10px;
padding:3px;
z-index:999;
width:auto;
top:30px !important;
}

Changer le script :
Code:
jQuery(window).load(function() {
        if (_userdata["session_logged_in"] == '1') {
        jQuery('#fa_left').prepend('<a id="fa_profil" class="fa_links" href="#" onclick="return false;" style="padding:5.4px 5px;">Profil</a><div id="quinfo" class="fa_popup" style="position:fixed;"><a href="/profile?mode=editprofile&page_profil=informations">Informations</a><br/><a href="/profile?mode=editprofile&page_profil=preferences">Préférences</a><br/><a href="/profile?mode=editprofile&page_profil=signature">Signature</a><br/><a href="/profile?mode=editprofile&page_profil=avatars">Avatar</a><br/><a href="/profile?mode=editprofile&page_profil=friendsfoes">Amis et ignorés</a><br/><a href="/profile?mode=editprofile&page_profil=notifications">Notifications</a><br/></div>');
        jQuery('#quinfo').hide();
        jQuery('#fa_profil').click(function() { jQuery('#quinfo').toggle().offset(jQuery(this).offset()); });
        }
        });

jQuery(window).load(function() {
        if (_userdata["session_logged_in"] == '1') {
        jQuery('#fa_left').prepend('<a id="fa_faq" class="fa_links" href="#" onclick="return false;" style="padding:5.4px 5px;">FAQ</a><div id="quifaq" class="fa_popup" style="position:fixed;"><a href="/faq">Lire la FAQ</a></div>');
        jQuery('#quifaq').hide();
        jQuery('#fa_faq').click(function() { jQuery('#quifaq').toggle().offset(jQuery(this).offset()); });
        }
        });

Vous besoin à changer le ID pour un nouvelle menu :

ici :
quinfo => quifaq
Code:
<div id="quifaq" class="fa_popup" style="position:fixed;"><a href="/faq">Lire la FAQ</a></div>

et ici :
#quinfo => #quifaq
Code:
       jQuery('#quifaq').hide();
        jQuery('#fa_faq').click(function() { jQuery('#quifaq').toggle().offset(jQuery(this).offset()); });

Ange Tuteur
****

Masculin
Messages : 476
Inscrit(e) le : 16/11/2013

https://github.com/SethClydesdale
Ange Tuteur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter les autres menu à la barre de menu

Message par Arold le Ven 3 Jan 2014 - 17:29

Merci ! Smile

Arold
****

Masculin
Messages : 238
Inscrit(e) le : 21/07/2013

http://www.mootchies.com
Arold 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