MyBB.support, le portail francophone de MyBB
[Réglé] Soucis codage menu - Version imprimable

+- MyBB.support, le portail francophone de MyBB (https://mybb.support)
+-- Forum : Thèmes (https://mybb.support/forum-4.html)
+--- Forum : Support (https://mybb.support/forum-6.html)
+--- Sujet : [Réglé] Soucis codage menu (/thread-6772.html)



Soucis codage menu - badmetal - 10-01-2014


Bonjour,

j'ai un petit soucis assez particulier j'ai un soucis avec un menu fait de mes mains sur mybb,

J'ai réussi a l'intégrer sans soucis, le seul hic, viens que logiquement le menu fait toute la longueur de l'écran (qu'importe la résolution de l'écran);

Bizarrement, tout est ok jusqu'au moment ou vous changer la résolution de l'écran.

Vous allez voir sur l'imprime écran que je vous est fait.

[Image: 1389368816-sans-titre.png]


RE: Soucis codage menu - Saphir - 10-01-2014

Bonsoir badmetal.

Malheureusement, sans être en mesure de voir votre forum, nous ne serons pas en mesure de voir d'où vient le problème.

Bonne soirée.


RE: Soucis codage menu - badmetal - 11-01-2014

Voilà le code du menu si ça peu aider:

CSS

Citation :#menu1{
background: url('images/nav.png') repeat-x;
width: 100%;
height: 81px;
list-style:none;
text-align:center;
margin: 0px 0px 20px 0px ;
padding-top: 20px;
font-family:Arial, Sans-Serif;
font-size: 23px;
color: #e4e4e4;
}

#container nav1 {
width: 1100px;
border: 0px solid #e4e4e4;
margin-left: 50px;
padding: 15px;
text-align: left;
}

#nav1, #nav1 ul{
padding:0;
margin:0;
list-style:none;
width: 1450px;
}

#nav1 li{
display:inline-block;
position:relative;
border-radius:0px 0px 0 0;
display:inline-block;
position:relative;
border-radius:0px 0px 0 0;
}

#nav1 ul li{
display:inherit;
border-radius:0;
font-size::10px;
}

#nav1 ul li:hover{
border-radius:0;
font-size::10px;
}

#nav1 ul li:last-child{
border-radius:0 0 0px 0px;
text-align:left;
font-size::10px;
}

#nav1 ul{
position:absolute;
max-height:5px;
width:120%;
overflow:hidden;
-moz-transition: .8s all .3s;
-webkit-transition: .8s all .3s;
transition: .8s all .3s;
text-align:left;
font-size::10px;
}

#nav1 li:hover ul{
max-height:30em;
text-align:left;
font-size::10px;
}

Le xhtml:

Citation :<nav id="containernav1">
<nav id="menu1">
<ul id="nav1">
<li>
<a href="#">News</a>
</li>
<li><a href="#">Forum & Profils</a>
<ul>
<li>{$welcomeblock}</li>
<li>{$pm_notice}</li>
<li>{$bannedwarning}</li>
<li>{$bbclosedwarning}</li>
<li>{$unreadreports}</li>
<li>{$pending_joinrequests}</li>
</ul>
</li>

<li><a href="#">Tchat</a></li>
<li><a href="#">Galerie</a></li>

<div id="seach">
<tr>
</tr>
<tr>
<td class="trow3" align="center">
<form method="post" action="search.php">
<input type="hidden" name="action" value="do_search" />
<input type="hidden" name="postthread" value="1" />
<input type="hidden" name="forums" value="all" />
<input type="hidden" name="showresults" value="threads" />
<input type="text" class="textboxse" name="keywords" value="" />
<input type="submit" class="button" value="Go" />
</form>
</td>
</tr>
</div>
</ul>
</nav>
</nav>


Bon j'avou c'est un peu le bordel!! je pensais je remettre d’équerre une fois le haut du mon forum fini Smile

Ps: ya t'il un moyen de trouver les fichiers comme header.php, sur le ftp pour l'éditer, ou doit-on obligatoirement passé par la zone admin pour tout éditer? car c'est à cause de ça que mon code et aussi brouillon!



RE: Soucis codage menu - Saphir - 11-01-2014

Bonjour badmetal.

Tout d'abord, puisque vous avez demandé s'il était possible d'éditer header.php (par exemple), la réponse est oui.
Cependant, nous vous le déconseillons fortement, pour deux raisons :
  1. vous risqueriez de corrompre le code contenu dans ces fichiers et rendre le forum inutilisable, voire créer un problème de sécurité,
  2. dès que MyBB sera mis à jour, vous perdrez toutes vos modifications.

Maintenant, pour ce qui est de votre code, ce sera difficile voire impossible de déterminer le problème sans avoir accès au forum.
Il est cependant évident que les deux lignes suivantes n'ont pas lieu d'être, puisqu'elles masqueront une partie de(s) (l')élément(s) concerné(s) sur des écrans de résolution classique.
badmetal a écrit :width: 1100px;
width: 1450px;

EDIT : Au temps pour moi, header.php n'existe pas.
Il faut distinguer fichiers PHP et templates.
Les fichiers PHP appellent un template (modèle) qu'il remplira alors avec les informations qui conviennent.
Vous pouvez modifier les fichiers PHP pour modifier le fonctionnement du forum (ce que nous déconseillons très fortement) OU les templates pour modifier la structure des données affichées sur votre forum.
Désolé pour l'éventuelle confusion. Wink

Bonne journée et bonne fin de semaine.


RE: Soucis codage menu - badmetal - 11-01-2014

Oui excuse moi,je parlais bien de template dans "edit template" l'habitude de coté direct sur php Big Grin

Donc les fichiers "templates" sont accessible par ftp? ou simplement que par le pannel ? Big Grin

Donc oui j'ai modifier le "Template: header" Smile



RE: Soucis codage menu - Saphir - 11-01-2014

Les templates ne sont pas stockés sur des fichiers mais dans la base de données du forum.
Vous ne pourrez donc les modifier que dans le panneau d'administration ou la base de données.


RE: Soucis codage menu - badmetal - 14-01-2014

Si sa peu aider, le menu en résolution 1380*680, en rafraîchissant la page réapparaît et repart au bout de 2/3 secondes


RE: Soucis codage menu - spyto - 14-01-2014

Ce lien n'ouvre rien !
De toute façon, des screenshots sont toujours insuffisants.

Déjà que ce n'est pas toujours simple quand on visualise le code source de la page, c'est pratiquement impossible de deviner "en aveugle" ce qui pose problème et de travailler sur un code théorique et virtuel.

Pour ma part, je ne pourrai donner de conseil ou d’avis tant que je ne pourrai visualiser réellement le forum.
Ce n'est pas si compliqué de le mettre en ligne, ce ne sont pas les hébergements gratuits qui manquent.



RE: Soucis codage menu - badmetal - 14-01-2014

Bonjour,

Merci pour vos réponses,

J'ai mis en ligne le forum sur un hébergeur gratuit comme conseillé par spyto:

http://******

Ne faite pas attention au erreurs w3c, je m'en occupe des que j'ai fini tout le thème Smile


RE: Soucis codage menu - spyto - 14-01-2014

Bien évidemment, rien ne pourra contenir dans une résolution faible dans la mesure où déjà le logo a une largeur fixée à 1800 px !!!
De plus #container a une largeur fixée à 1100px.

Le code est complètement à revoir. Il faudrait plutôt mettre des largeurs en % pour que ça s’adapte à la fenêtre. Et centrer les éléments "larges"...

Pour visualiser rapidement le rendu d'un site dans plusieurs résolutions il existe de outils en ligne conne : http://testsize.com/




RE: Soucis codage menu - badmetal - 15-01-2014

Merci c'est régler Smile


 Utilitaire de traduction fourni par Regentronique