Question pour Navigation

Lun 11 Sep - 12:31
Bonjour Skaemp,

Tout d'abord, merci pour les supers LS que vous nous offrez, ils sont sublimes ♥

Voici ma question : dans le dernier LS de navigation, avec la barre en haut, est-il possible d'enlever le menu qui s'affiche lorsque l'on clique sur le nom ? Si oui, pourriez-vous m'indiquez comment faire ?
J'avais essayé une fois je crois, mais rien à faire, il restait des soucis qui ne voulaient pas bouger.

D'avance merci.
Et encore bravo pour votre travail.
Revenir en haut Aller en bas
Lun 11 Sep - 17:50
Bonsoir,

Remplacez :

Code:
/* MENU TOOLBAR */
ul#fa_menulist {
z-index:3 !important; margin-top:-50px !important; border:none !important;
background:white !important; /* MODIFIABLE */
}

Par :
Code:
/* MENU TOOLBAR */
ul#fa_menulist {
display:none !important;
}
Revenir en haut Aller en bas
Mar 12 Sep - 15:41
Merci beaucoup !

Est-il également possible de rajouter des icones devant les liens de navigation ?
Revenir en haut Aller en bas
Mar 12 Sep - 19:15
Supprimez :
Code:
.mainmenu img{
display:none;
}

Panneau d'administration > Affichage > Page d'accueil > En-tête & Navigation > En-tête des pages > Afficher seulement des images dans la barre des liens > Non > Enregistrer

Panneau d'administration > Affichage > Images et Couleurs > Gestion des images > Mode Avancé > Général / navigation
Revenir en haut Aller en bas
Mer 13 Sep - 14:23
Bonjour, merci ça marche bien, mais je ne peux pas changer la taille de l'icône, est-ce que vous savez comment faire ? Elle reste bloquée à la taille du lien...
Revenir en haut Aller en bas
Mer 13 Sep - 17:25
Remplacez :
Code:
/* LIENS NAVIGATION */
#navSIT a{
text-transform:uppercase; text-align:center; font-size:12px; font-family:Arial;
color:white; /* MODIFIABLE */
transition:all .65s linear; -webkit-transition:all .65s linear;
}

Par :
Code:
/* LIENS NAVIGATION */
#navSIT a{
display:inline-block; vertical-align:middle;
text-transform:uppercase; text-align:center; font-size:12px; font-family:Arial;
color:white; /* MODIFIABLE */
transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* ICÔNES LIENS NAVIGATION */
.mainmenu img{
display:inline-block; vertical-align:middle;
width:25px; height:25px;
}

Modulez les width & height selon vos préférences.
Revenir en haut Aller en bas
Mer 13 Sep - 17:46
C'est parfait, merci beaucoup !

J'ai simplement une dernière question, je viens d'y penser : comment puis-je modifier le texte de bienvenue ? J'aimerai pouvoir le personnaliser à ma guise, or je ne sais pas du tout quel champ est responsable de cela...
Revenir en haut Aller en bas
Jeu 14 Sep - 0:35
Ceci devrait vous satisfaire : lien
Revenir en haut Aller en bas
Jeu 14 Sep - 12:04
L'astuce est super, merci beaucoup.

Mais cela ne fonctionne pas, est-ce que cela est dû à une partie du CSS déjà installé lorsque l'on installe votre toolbar ? Est-ce qu'un morceau bloque le changement ? Ou un autre élément est-il nécessaire pour faire marcher le javascript ?
Revenir en haut Aller en bas
Jeu 14 Sep - 16:40
Si vous suivez correctement les instructions, tout fonctionne parfaitement.

Panneau d'administration > Modules > HTML & JAVASCRIPT > Gestion des codes Javascript > Créer un nouveau Javascript > Sur toutes les pages


Code:
$(function() {
  var toolbar_alias = {
 
    Share : 'Partagez',
    Login : 'Connexion',
    Register : 'S\'enregistrer',
    Welcome : 'Texte de remplacement',
    Notifications : 'Notifications',
 
    See_my_profile : 'Voir mon profil',
    Edit_profile : 'Editer mon profil',
    All_Topics : 'Mes sujets',
    All_Messages : 'Mes messages',
    js_topics_followed : 'Mes sujets suivis',
    Admin_panel : 'Panneau d\'administration',
    Logout : 'Déconnexion',
 
    Notif_see_all : 'Voir toutes les notifications',
    Notif_priv_msg : 'Vous avez reçu un <a href="/privmsg?folder=inbox&nid=%(nid)s">message privé</a> de la part de <a href="/u%(id)d">%(name)s</a>',
    Notif_report : '<a href="/u%(id)d">%(name)s</a> a créé un <a href="/report?nid=%(nid)s">rapport de message</a>',
    Notif_friend_req : 'Vous avez reçu une <a href="/profile?mode=editprofile&nid=%(nid)s&page_profil=friendsfoes">demande d\'ami</a> de la part de <a href="/u%(id)d">%(name)s</a>',
    Notif_group_req : '<a href="/u%(id)d">%(name)s</a> a effectué une demande d\'adhésion au groupe <a href="/g%(group_id)d-%(group_url_name)s?nid=%(nid)s">%(group_name)s</a>',
    Notif_friend_con : '<a href="/u%(id)d">%(name)s</a> vient de se connecter au forum',
    Notif_wall_msg : '<a href="/u%(id)d">%(name)s</a> a écrit un message sur <a href="/u%(self)dwall?nid=%(nid)s">votre mur</a>',
    Notif_abuse : '<a href="/admin/index.forum?mode=active&nid=%(nid)s&part=misc&sub=support">Un abus</a> a été signalé',
    Notif_topic_watch : '<a href="/u%(id)d">%(name)s</a> a écrit un message dans <a href="/t%(topic_id)d-%(topic_name)s?nid=%(nid)s#%(post_id)d">un sujet que vous suivez</a>',
    Notif_topic_watch_p : '<a href="/u%(id)d">%(name)s</a> a écrit un message dans <a href="/t%(topic_id)dp%(start)d-%(topic_name)s?nid=%(nid)s#%(post_id)d">un sujet que vous suivez</a>',
    Notif_topic_watch_guest : 'Un invité a écrit un message dans <a href="/t%(topic_id)d-%(topic_name)s?nid=%(nid)s#%(post_id)d">un sujet que vous suivez</a>',
    Notif_topic_watch_p_guest : 'Un invité a écrit un message dans <a href="/t%(topic_id)dp%(start)d-%(topic_name)s?nid=%(nid)s#%(post_id)d">un sujet que vous suivez</a>',
    Notif_mention : '<a href="/u%(id)d">%(name)s</a> vous a tagué dans <a href="/t%(topic_id)dp%(start)d-%(topic_name)s?nid=%(nid)s#%(post_id)d">un sujet</a>',
    Notif_hashtag : 'Le mot-clé <a href="/tags/%(tag)s">#%(tag)s</a> a été tagué dans <a href="/t%(topic_id)dp%(start)d-%(topic_name)s?nid=%(nid)s#%(post_id)d">un sujet</a>.',
 
    All_PMs : 'Mes messages privés',
    No_assigned_rank : 'Aucun rang spécial assigné',
    Posts : 'Messages',
    PMs : 'MPs',
    Reputation : 'Réputation'
 
  },i;
 
  if (window._lang) for (i in toolbar_alias) window._lang[i] = toolbar_alias[i];
});

Intéressez-vous à la ligne 7.
Revenir en haut Aller en bas
Sam 16 Sep - 16:38
Je suis désolée, mais j'ai beau mettre ce code, comme le mien qui était le même, ça ne fonctionne pas...
Revenir en haut Aller en bas
Sam 16 Sep - 20:15
Comme cela est étrange.

Les fonctionnalités de la toolbar ne semblant vous intéresser, je vous propose donc de désactiver cette dernière - Panneau d'administration > Modules > Toolbar > Configuration > Activer la toolbar > Non > Enregistrer - et de remplacer :

Code:
$(function(){$(function(){$('#fa_welcome').prepend('<span class="fa_avatar">'+_userdata.avatar+'</span>')})});

Par :
Code:
$(function(){$('.avaSIT').html(_userdata.avatar);{$('.welcSIT').html( _userdata.username);}});

Le CSS par :
Code:
/* BARRE DE NAVIGATION */
#navSIT {
position:fixed; z-index:5; left:0; top:0;
width:100%; height:50px;
background:darkgrey; /* MODIFIABLE */
}
.navSIT {
position:absolute; top:15px; right:25px;
}
/* BORDURE AVATAR */
.avaSIT {
position:absolute; z-index:5; left:15px;
width:75px; height:75px; border-radius:75px; overflow:hidden; border:10px solid;
border-color:darkgrey; /* MODIFIABLE */
}
/* IMAGE AVATAR */
.avaSIT img{
width:75px;
}
/* MESSAGE DE BIENVENUE */
.welcSIT {
position:absolute; left:130px; top:20px;
font-size:12px; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* BIENVENUE */
.welcSIT::before {
content:'Bienvenue'; /* MODIFIABLE */
float:left; margin-right:5px;
}
/* LIENS NAVIGATION */
#navSIT a{
display:inline-block; vertical-align:middle;
text-transform:uppercase; text-align:center; font-size:12px; font-family:Arial;
color:white; /* MODIFIABLE */
transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* ICÔNES LIENS NAVIGATION */
.mainmenu img{
display:inline-block; vertical-align:middle;
width:25px; height:25px; /* MODIFIABLE */
}
/* SURVOL LIEN NAVIGATION */
#navSIT a:hover {
color:lightgrey !important; /* MODIFIABLE */
}
/* MENU RECHERCHE */
#search_menu {
top:25px !important; left:5% !important;
}
#search_menu a{
background:none !important; border:none !important; color:inherit !important;
}

Et :
Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" id="navSIT">
<tr><td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td></tr>
</table>

Par :
Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" id="navSIT">
<tr><td><!-- BEGIN switch_user_logged_in --><div class="avaSIT"></div><div class="welcSIT"></div><!-- END switch_user_logged_in --></td></tr>
<tr><td class="navSIT" align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td></tr>
</table>
Revenir en haut Aller en bas
Mar 19 Sep - 10:36
Le changement se fait bien, mais les liens ne se renomment toujours pas...
Revenir en haut Aller en bas
Mar 19 Sep - 16:15
Code:
/* BIENVENUE */
.welcSIT::before {
content:'Bienvenue'; /* MODIFIABLE */
float:left; margin-right:5px;
}
Revenir en haut Aller en bas
Mar 19 Sep - 22:32
Désolé de dire ça mais ça ne change rien...
Revenir en haut Aller en bas
Mar 19 Sep - 23:15
Pourriez-vous me fournir un accès à votre forum s'il vous plaît ? Un compte de niveau utilisateur me sera nécessaire.
Revenir en haut Aller en bas
Mer 20 Sep - 13:53
Oui bien sûr, je vous mets le lien du forum en hide, ainsi que les identifiants :



Le compte est probablement de niveau Admin (je ne sais plus) du coup si vous avez accès au panneau vous pouvez regarder ce qui ne va pas !
Revenir en haut Aller en bas
Jeu 21 Sep - 0:45
Merci. Problème résolu.

Si vous désirez personnaliser d'autres termes de la navigation, copiez/collez/modifiez le code suivant - adapté de cette astuce :
Code:
/* CALENDRIER */
#navSIT a.mainmenu[href="/calendar"] {
font-size:0px;
}
#navSIT a.mainmenu[href="/calendar"]::after {
content:'Calendrier'; /* MODIFIABLE */
display:inline-block; vertical-align:middle; font-size:12px !important;
}

Les liens correspondants à chaque terme vous sont indiqués dans le panneau d'administration : Affichage > Page d'accueil > En-tête & Navigation. De telles modifications ne dépendant de mes responsabilités, contactez un forum d'entraide en cas de difficulté.
Revenir en haut Aller en bas
Jeu 21 Sep - 14:49
Merci c'est parfait ! J'ai vu vos notes dans mon CSS, tant mieux ça marche !

Merci encore !
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum