Centrer les icônes de la barre de navigation après modification dans les templates

[fdny]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://logith.goodforum.net

Description du problème

Bonsoir à la communauté,

Comme vous le voyez sur mon forum, j'ai supprimé les boutons de la barre de navigation, pour ne laisser que Accueil et Recherche, mais ceux-ci sont mal centré par rapport au titre (test).

Une âme châritable pourrait-elle m'indiquer le CSS à appliquer pour régler ce problème de centrage ?

Merci d'avance pour votre aide.

Bonne nuit

[lmc38510]

Bonjour "fdny"

J'ai jeté un œil hier soir ... comme la nuit porte conseil
Cela provient d'un CSS "display:none" que tu as mis ...
copie d'écran


Dans ton CSS tu dois trouver:

Code:

a.mainmenu[href^="/register"], .navbar a.mainmenu[href^="/login"] {
    display: none!important;
}

Le CSS supprime l'affichage mais ne supprime pas l'emplacement écran (voir mon screen flèche Rouge)
idem pour Enregistrement et Connexion

Si je supprime ces deux "<Li>" la barre de Navigation est centrée


Conclusion -> comme tu ne peux pas les supprimer mais seulement les masquer Y A PAS de solution

Question -> pourquoi masquer leur affichage ...?

[fdny]

Bonjour Marc,

Donc si je comprend bien, la solution est de supprimer le deux <Li> que tu vois en analysant ma page, mais cela n'est pas faisable via le CESS / Templates de Forumactif ?

Ok ce n'est pas grave, je ferai avec, ça se peut que les visiteurs ne remarqueront même pas ce petit décalage.

En fait je veux les supprimer car je ne compte pas avoir de membres, je transforme mon forum en blog :-) C'est d'ailleurs pour ça que j'ai revu tout le design

Merci pour ta réponse détaillée

[lmc38510]

Donc si je comprend bien, la solution est de supprimer le deux <Li> que tu vois en analysant ma page, mais cela n'est pas faisable via le CESS / Templates de Forumactif ?

Impossible de modifier le code de la "navbar"
J'ai tenté un"JS" :
titre -> Supprime Barre Navigation aux invités -> Sur l'index

Code:

$(document).ready(function(){
if (_userdata["user_id"] != 1){
    if( $.contains( $(location).attr('href'), "/login" )) {
    $('.navbar').css('display', 'none');
    }
}});

Si c'est un invité (testé par _userdata["user_id"]) que la "location" "href" du navigateur est -> "/login"
Normalement la -> .navbar passe en css -> display none ....

Flute ... Zut ... ça ne fonctionne pas
Si un spécialiste du "JS" vois une erreur dans mon "Script" qu'il n'hésite pas

[fdny]

Mince alors, hé bien pas grave je vais faire avec

C'est un petit défaut mineur comparé à tous les problèmes qu'on a déjà réussi à régler !!!!

Mais si toutefois quelqu'un a une solution en JS, je suis preneur pour supprimer ce petit espace qui décalle les boutons

Merci encore !

[lmc38510]

Têtu je suis -> persuadé qu'il y a une solution à ta demande très particulière

En fait je veux les supprimer car je ne compte pas avoir de membres, je transforme mon forum en blog
C'est d'ailleurs pour ça que j'ai revu tout le design

C'est faisable ... je l'ai testé et fonctionne parfaitement ..

à savoir: la barre de Navigation est -> masquée pour les invités -> Visible pour les Membres
En premier modification du Template "overall_header" en ligne 270 tu as:

Code:

      <div class="navbar">

Tu la remplace par:

Code:

      <div class="navbar" style="display:none !important;">

Pense à Enregistrer ... et ... Publier la modification

à ce Stade fait un Essai -> la barre de Navigation est Masquée même pour toi ...

Maintenant il faut Ajouter un Script qui va provoquer l'affichage pour les Membres
Dans ton PA - Modules - Gestions de JS ...
Crée un Nouveau JS coché -> sur toutes les pages ...Titre par exp -> Affiche NavBar pour les Membres
copie et colle le code suivant:

Code:

$(document).ready(function(){
if (_userdata["user_id"] >= 1){
jQuery('.navbar').show();}
});

[fdny]

Bonsoir Marc

Merci pour ta solution.

Mais en fait, je pense que nous nous sommes mal compris Je ne veux pas supprimer la barre de navigation, mais juste pouvoir centrer les icônes. Les invités doivent avoir accès à la barre de navigation, pour avoir les boutons Accueil et surtout le bouton pour effectuer une Recherche

Lorsque tu m'as demandé pourquoi vouloir supprimer ces boutons, je pensais que tu me parlais de ceux déjà supprimés (connexion, s'enregistrer, ...) mais Accueil et Recherche doivent rester là

Mais la solution fonctionne et pourrait servir à un autre membre qui voudrait enlever la barre de navigation !

Bonne soirée à toi

[lmc38510]

En fait je veux les supprimer car je ne compte pas avoir de membres, je transforme mon forum en blog C'est d'ailleurs pour ça que j'ai revu tout le design

C'est ce message qui ma trompé ... j'ai cru comprendre qu'en fait tu voulais les supprimer

Mais comme tu le dis très bien -> ça peut servir à d'autres

Edit: 21H

L'affichage de ta page d'accueil est typique d'un forum dont toutes les rubriques ne sont accessiblent qu'aux Membres ... de ce fait ... la Navbar n'a aucune utilité ...
Surtout la Fonction recherche

Néanmoins reste une autre solution (artificielle) pour déplacer la navbar de gauche à droite
Passe dans ton CSS:

Code:

/* déplace la navbar sur la droite */
.navbar ul {margin-left: 30px !important;}

Fait varier 30px en + ou - suivant convenance

[fdny]

C'est normal, en fait, le forum est en construction et donc, j'ouvrirai les catégories aux invités une fois que tout sera fini, et que j'aurai migré sur mon propre nom de domaine.

Ta solution fonctionne, comme tu le vois le titre est maintenant parfaitement centré !

Un grand merci pour cette solution

Bonne soirée

[fdny]

EDIT : mince, décidémment à chaque fois que je crois que c'est terminé, un autre problème est présent...

Le lien de bas de page, que j'ai mis à la place du mot Accueil, est déporté sur la droite... En fait, je pense que ton code "pousse" également le lien là sur la droite

Aurais-tu un code plus sophistiqué qui ne toucherait que la barre de navigation en haut ?

Merci encore pour ta solution et bonne soirée à toi.

[lmc38510]

Je viens de voir cela

Toucher aux ".navbar ul" est impossible dans le Template "overall_header"

Par contre rectifier la position dans le bas de page est accessible dans le Template -> "overall_footer_end"

Donc dans le Template "overall_footer_end" en ligne 18 tu as:

Code:

               <ul class="linklist clearfix">

Modifie le comme suis:

Code:

               <ul class="linklist clearfix" style="margin-left:0px !important;">

Tout doit rentrer dans l'ordre

[fdny]

Merci pour ta réponse rapide. Cela n'a malheureusement pas l'air de fonctionner, pourtant j'ai bien publier la template overall_footer_end pour valider la nouvelle ligne 18...

[lmc38510]

Hihihihi ... t'as fais quoi ...?

Voilà ce que je vois :

Code:

<ul class="linklist clearfix">

à tu publié la modif ...? Revérifie si la modif est faite en ligne 18

[fdny]

Bizarre bizarre tout ça, je suis maudit lol

Voilà 2 captures, pourtant elle a l'air d'être bien mise :
- https://i.servimg.com/u/f58/18/00/17/43/captur27.png
- https://i.servimg.com/u/f58/18/00/17/43/captur26.png

EDIT : en revanche, si tu me dis que tu analyses ma page, et que tu vois l'ancienne ligne, je suppose que c'est un bug temporaire ? Peut-être faut-il attendre quelques instants pour que ça soit effectif

[lmc38510]

Bon autant pour moi ce doit être l'heure tardive

Remet le Template "overall_footer_end" en ligne 18:

Code:

              <ul class="linklist clearfix">

C'est pas dans -> "overall_footer_end" mais dans le Template -> "overall_footer_begin"
en ligne 31 tu as:

Code:

         <ul class="linklist clearfix">

C'est celle-ci à modifier:

Code:

         <ul class="linklist clearfix" style="margin-left:0px !important;">

Mille et une Excuses  

[fdny]

Et voilà, le problème est réglé !

Encore un grand merci à toi pour le temps que tu m'accordes et surtout ta patience !

Bonne soirée

[lmc38510]

C'est avec plaisir et puis il est excellent de chercher comment faire ... trouver des solutions ...

du prêt à porter nous passons (en toute modestie) à de la haute couture ...

Je te remercie tout autant de nous solliciter

Bon Dimanche à toi ... et surtout n'hésite pas