|
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. |
|
|
|
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; } |
|
|
|
Mar 12 Sep - 15:41 | Merci beaucoup !
Est-il également possible de rajouter des icones devant les liens de navigation ? |
|
|
|
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 |
|
|
|
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... |
|
|
|
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. |
|
|
|
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... |
|
|
|
Jeu 14 Sep - 0:35 | Ceci devrait vous satisfaire : lien |
|
|
|
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 ? |
|
|
|
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. |
|
|
|
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... |
|
|
|
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> |
|
|
|
Mar 19 Sep - 10:36 | Le changement se fait bien, mais les liens ne se renomment toujours pas... |
|
|
|
Mar 19 Sep - 16:15 | - Code:
-
/* BIENVENUE */ .welcSIT::before { content:'Bienvenue'; /* MODIFIABLE */ float:left; margin-right:5px; } |
|
|
|
Mar 19 Sep - 22:32 | Désolé de dire ça mais ça ne change rien... |
|
|
|
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. |
|
|
|
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 ! |
|
|
|
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é. |
|
|
|
Jeu 21 Sep - 14:49 | Merci c'est parfait ! J'ai vu vos notes dans mon CSS, tant mieux ça marche !
Merci encore ! |
|
|
|
|
|