-34%
Le deal à ne pas rater :
-34% LG OLED55B3 – TV OLED 4K 55″ 2023 – 100Hz HDR 10+, ...
919 € 1399 €
Voir le deal

Question pour Navigation

Question pour Navigation Empty 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
Question pour Navigation Empty 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
Question pour Navigation Empty 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
Question pour Navigation Empty 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
Question pour Navigation Empty 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
Question pour Navigation Empty 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
Question pour Navigation Empty 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
Question pour Navigation Empty Jeu 14 Sep - 0:35
Ceci devrait vous satisfaire : lien
Revenir en haut Aller en bas
Question pour Navigation Empty 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
Question pour Navigation Empty 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
Question pour Navigation Empty 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
Question pour Navigation Empty 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
Question pour Navigation Empty Mar 19 Sep - 10:36
Le changement se fait bien, mais les liens ne se renomment toujours pas...
Revenir en haut Aller en bas
Question pour Navigation Empty Mar 19 Sep - 16:15
Code:
/* BIENVENUE */
.welcSIT::before {
content:'Bienvenue'; /* MODIFIABLE */
float:left; margin-right:5px;
}
Revenir en haut Aller en bas
Question pour Navigation Empty Mar 19 Sep - 22:32
Désolé de dire ça mais ça ne change rien...
Revenir en haut Aller en bas
Question pour Navigation Empty 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
Question pour Navigation Empty 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
Question pour Navigation Empty 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
Question pour Navigation Empty 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
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum