+- MyBB.support, le portail francophone de MyBB (https://mybb.support)
+-- Forum : MyBB.fr (https://mybb.support/forum-1.html)
+--- Forum : Support (https://mybb.support/forum-5.html)
+--- Sujet : Modifier menu horizontal (/thread-6925.html)
Modifier menu horizontal - Incendioo - 01-07-2014
Bonjour à tous et à toutes !
Alors tout d'abord je m'excuse si je me suis trompée de section pour poster et si ce problème a déjà été résolu je ne l'ai pas trouvé.
Donc, j'ai créer un forum avec mybb : http://eternalgaming.eu/forum/index.php
Comme vous pouvez le voir j'ai ajouté un thème. J'ai donc deux questions à vous posez, peut-être que vous saurez me répondre.
La première est : En haut à droit j'ai une barre noire, avec dedans deux cases pour se loguer ainsi qu'un bouton register
Quand on est connecté on a dans cette barre 5 liens : nom d'utilisateur, configuration, liste des membres, Nouveaux messages et déconnexion
Sauf que déconnexion n'apparait pas dans la barre mais juste en dessous (car il n'y a pas assez de place dans la barre).
Or comme vous pouvez le voir juste en dessous j'ai une barre bleu liée à mon thème qui comporte home, search, aide, Liste des membres, calendrier et messages privés à droite de la barre.
Donc voilà ce que je souhaiterai c'est enlever cette barre noire buguée
et ajouter trois nouveaux boutons dans la barre bleu : Profil (pour modifier tout ce qui est avatar, signature etc), Déconnexion/Login (Pour se déconnecter lorsqu'on est connecté et un autre bouton pour se connecter en ouvrant une page où on pourrait entrer nos ID) et un bouton register (lorsqu'on on est pas connecté pour s'inscrire sur le forum).
Sauf que je n'ai aucune idée de comment rajouter un bouton, et également en fonction de si on est connecté ou non (pour login et déconnexion) ainsi que supprimer la barre noire.
Pour plus d'informations je vous partage les lignes du fichier .xml de mon thème où se trouvent les boutons existants
Code :
<div id="panel">
<li><a href="index.php">Home</a></li>
<li><a href="{$mybb->settings['bburl']}/search.php">Search</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php">{$lang->toplinks_memberlist}</a></li>
<li><a href="{$mybb->settings['bburl']}/calendar.php">{$lang->toplinks_calendar}</a></li>
<if $mybb->user['usergroup'] == 2 || $mybb->user['usergroup'] == 3 || $mybb->user['usergroup'] == 4 || $mybb->user['usergroup'] == 5 || $mybb->user['usergroup'] == 6 || $mybb->user['usergroup'] == 7 then>
<li class='float_right'><a href="{$mybb->settings['bburl']}/private.php">{$lang->welcome_pms}</a> {$lang->welcome_pms_usage}</li>
</if>J'espère que vous pourrez m'aider
Cordialement, Incendioo
RE: Modifier menu horizontal - spyto - 01-07-2014
Pour répondre au premier problème d'affichage, c'est juste un réglage des CSS dans global.css
Je suggère :
- pour .menu ul, remplacer width: 694px par width: 730px;
- pour #logout, supprimer la ligne width: 70px;
- pour .logo, la ligne width: 305px est inutile ou peut être réduite à 250px vu la taille de l'image
Pour le rajout de liens dans la barre il suffit de rajouter des <li>...............</li> en conséquence.
Pour le profil ce pourrait être :
<li><a href="{$mybb->settings['bburl']}/usercp.php?action=profile">Profil</a></li>
etc...
Les deux autres boutons demandés existent déjà dans l'entête ?!...
RE: Modifier menu horizontal - exdiogene - 01-07-2014
Il serait probablement plus simple d'élargir la section afin que tout puisse y être affiché.
Dans global.css, remplacer :
Code :
.logo{
width:305px
}
.menu ul{
width:674px
}Code :
.logo{
width:223px
}
.menu ul{
width:800px
}Édition : Spyto a répondu avant que je termine ma réponse...
RE: Modifier menu horizontal - Incendioo - 01-07-2014
Merci d'avoir répondu
Non ils n'existent pas dans ma barre bleue.
Le bouton déconnexion est dans la barre noire (lorsque je suis connectée) et pour se loguer il y a deux barres (login + password) également dans la barre noire.
J'ai que pour me loguer ça m'ouvre une page en cliquant sur un bouton dans la barre bleue
EDIT : Où se trouve le global.css ? Je n'ai que Global.php :s
RE: Modifier menu horizontal - Saphir - 01-07-2014
Bonsoir Incendioo.
Inutile de regarder les fichiers de MyBB.
Il est fort peu probable que nous vous recommandions de les modifier dans la mesure où nous déconseillons fortement de modifier les fichiers de MyBB.
Vous pouvez tout personnaliser en modifiant les templates ou, dans ce cas, les styles.
Rendez-vous dans votre panneau d'administration. Choisissez "Templates & Styles", puis dans "Styles", cliquez sur le nom de votre thème. Là, vous devriez avoir la liste des feuilles de style du thème, dont "global.css" que vous pourrez modifier ici.
Espérant vous avoir aiguillé, je vous souhuaite une agréable soirée.
RE: Modifier menu horizontal - Incendioo - 01-07-2014
Merci pour vos réponses ! J'ai trouvé global.css !
Par contre vu que j'ai déjà liste des membres dans ma barre bleue n'est t-il vraiment pas possible d'enlever la barre noire (qui me sert just à deco, login et register) et recréer ces boutons pour ma barre bleue ? :s
RE: Modifier menu horizontal - Saphir - 01-07-2014
Vous pouvez modifier la barre bleue dans le template "header" (ACP > "Templates & Styles" > "Templates" > (Votre Thème) > "Header Templates"/"En-tête Templates" > header).
Pour ce qui est de la barre sombre, il doit s'agir de welcomeblock_* (il y en a plusieurs).
Pour enlever la barre noire plus simplement, il suffit, dans global.css, d'ajouter, juste après ".navigation" la propriété display: none, comme suit :
Code :
.navigation {
display: none;
...
}RE: Modifier menu horizontal - Incendioo - 01-07-2014
Ca a marché !
Hum mais du coup si j'enlève la barre noire je ne peux plus me co vu qu'il n'y a plus les blocs où entrer les ID (d'où ma question pour les boutons dans la barre bleue) :s
RE: Modifier menu horizontal - Saphir - 01-07-2014
Dans le template header, regardez comment est constitué un "bloc", puis, regardez où mènent les liens dans welcomeblock_*.
Créez ensuite les nouveaux blocs en conséquence. Attention, vous ne pourrez pas, par défaut, n'afficher que certains blocs à certains utilisateurs (comme "Administration").
Pas d'inquiétude toutefois, même s'ils tentent d'y accéder, les utilisateurs qui n'en ont pas le droit ne verront pas le contenu du panneau d'administration.
Si vous connaissez le langage PHP, vous pouvez utiliser ce plugin de ZigaBurga pour en utiliser dans vos templates.
RE: Modifier menu horizontal - Incendioo - 01-07-2014
Je n'ai pas welcomeblock_* dans header j'ai juste welcomeblock :
Code :
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div class="menu">
<ul>
{$[b]welcomeblock[/b]}
</ul>
</div>
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
<hr class="hidden" />EDIT : Après les blocs crées sont juste en dessous.
RE: Modifier menu horizontal - Incendioo - 02-07-2014
Bonjour, je m'excuse pour ce double post.
Je voulais signaler que j'ai réussi à créer un bouton login, déconnexion et register dans ma barre bleue, par contre que l'on soit déconnecter ou connecter au forum ils restent tels quels.
Je souhaiterai que login/register ne soient visibles que pour quelqu'un qui n'est pas connecté au forum et que déconnexion soit visible que pour les personnes connectées (ce qui est logique).
Voici le contenu complet de mon header, malheureusement je ne sais pas où trifouiller pour mettre ces conditions :s
Code :
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div class="menu">
<ul>
{$welcomeblock}
</ul>
</div>
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
<hr class="hidden" />
<div id="panel">
<li><a href="index.php">Accueil</a></li>
<li><a href="{$mybb->settings['bburl']}/usercp.php?action=profile">Profil</a></li>
<li><a href="{$mybb->settings['bburl']}/search.php">Recherche</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php">Membres</a></li>
<li><a href="{$mybb->settings['bburl']}/calendar.php">{$lang->toplinks_calendar}</a></li>
<li><a href="{$mybb->settings['bburl']}/member.php?action=login">Login</a></li>
<li><a href="{$mybb->settings['bburl']}/member.php?action=logout&logoutkey={$mybb->user['logoutkey']}">Déconnexion</a></li>
<li><a href="{$mybb->settings['bburl']}/member.php?action=register">S'enregistrer</a></li>
<if $mybb->user['usergroup'] == 2 || $mybb->user['usergroup'] == 3 || $mybb->user['usergroup'] == 4 || $mybb->user['usergroup'] == 5 || $mybb->user['usergroup'] == 6 || $mybb->user['usergroup'] == 7 then>
<li class='float_right'><a href="{$mybb->settings['bburl']}/private.php">{$lang->welcome_pms}</a> {$lang->welcome_pms_usage}</li>
</if>
</div>
</div>
<hr class="hidden" />
<br class="clear" />
<div id="content">
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
<navigation>
<br />Voilà j'espère que vous pourrez m'éclairer
RE: Modifier menu horizontal - spyto - 02-07-2014
Les liens connexion/déconnexion etc... sont liés à du Javascript.
Il ne vont pas disparaître par magie lorsque le membre est connecté.
Comme l'a indiqué Saphir, ces liens sont dans header_welcome_block_*
Les liens login (connexion) et register (s'inscrire) sont dans dans header_welcome_block_guest qui est affiché par le script si l’utilisateur n'est pas connecté.
Le lien logout (déconnexion) est de la même façon placé dans header_welcome_block_member.
La modification demandée demande pas mal de travail !
Il faut s'inspirer de ce qui se trouve dans ces templates, mais intégrer le javascipt au template header me semble assez complexe.
Le script MyBB n'a pas été conçu de cette manière.
A mon avis, il vaudra mieux tenter d’intégrer d'une façon ou d'une autre les templates header_welcome_block_*à la barre de navigation, mais c'est pas gagné !
Peut-être contacter le concepteur du thème pour essayer d'obtenir de l'aide...
RE: Modifier menu horizontal - Incendioo - 02-07-2014
D'accord merci j’essaierai de voir ça