Forum

Salut.

Après X efforts, et un peu d'aide, je n'arrive toujours pas à modifier les menus de droite sous phpboost v5 rc2 avec thème de base ..

En effet, j'ai augmenté la dimension du main-content, mais le menu chevauche ou se colle conte celui-ci.

J'ai tenté de modifier le mini-container, mais cela n'est pas bon, car ça modifie TOUS les mini-container. J'ai tent de modifier la aside-right, mais en vain, rien de semble bouger ..

J'ai beaucoup de mal avec ces nouveaux CSS .. Je commençais à peine à m'en sortir sous la V3 <img src="/images/smileys/laugh.png" alt=":lol" class="smiley" />

Voici l'url : <a href="http://planet-truck.fr/arc">http://planet-truck.fr/arc</a>

C'est un site provisoire sur mon espace web. Il s'agit d'un site pour un club de tir à l'arc, dont le père de ma compagne est le président. J'ai décidé de lui donner un coup de main pour changer son site en html des années 80" .. Mais c'est pas gagné <img src="/images/smileys/grin.png" alt=":D" class="smiley" />

Au plaisir, et merci pour votre aide <img src="/images/smileys/top.png" alt=":top" class="smiley" />

Bonjour MickaelFR

Tu as tout simplement mis des width incompatible avec la taille du conteneur.

860main + 200right ca dépasse les 1024 du global.

Supprime et tu verra que tout rentrera dans l'ordre avec les flexbox.
Si tu veux une marge, il te suffit de l'ajouter en marge-right

Bonjour ElenWii.

J'avais effectivement vu que le gobal était à 1024, mais je ne suis pas arrivé à le modifier non plus

Je ne souhaite pas supprimer le 860 de main-content, car je souhaite élargir (trop étroit je trouve). Mais je vais voir de plus près concernant les marges.

Merci bien

Édité par MickaelFR Le 09/02/2016 à 09h55

Salut.

J'ai fini par y arriver .. Mais alors quelle galère faut le dire

J'ai mis le main-global à 1200
Le main content à 860
Les menus de droite "aside right" à 240 et 0 0 10px 40px en margin
Le main.main-with-right à 860 ..

Au début c'était le gros massacre, il fait tout réajuster à chaque petit changement sinon tout par en sucette .. Je ne le maitrise vraiment pas

Je suis tout de même arrivé à faire ce dont je voulais .. Pourtant si basique

Merci

plop

il faut que ton main-content soit en max-width et non en width sinon tu n'es pas responsive ou alors mettre un media query comme pour le .main.main-with-right

Salut. Okay pour la 1ère phrase, mais concernant la seconde, ça sort un poil de mes compétences Il me semble avoir gardé le max-width, mais au lieu du % j'ai du mettre 860PX.

pour rendre responsive, il faut forcement fixer toutes les tailles dans tous les cas, soit laisser en auto. Mais si tu fait un mix c'est la cata.

Dans notre cas, en mode Desktop :
nous fixons en max-width le global pour limiter ca taille max (1024px)
nous fixons en width les colonnes pour limiter la taille min/max (200px)
le main prend la taille restant en width : calc(100% - 200px)

en mode tablette / Mobile :
on passe tout en width 100% et on empile le main et les colonnes avec les flexbox

Dans ton cas, si tu veux agrandir le 1024, il te suffit de changer dans le design.css et le main va s'agrandir.
Si tu veux réduire ou agrandir la colonne de gauche/droite, tu bouge le 200px et le calc(100% - 200px)

Pour les marges, nous les avons appliques sur les module-container et pas sur les aside#menu-right. Si tu veux les mettre sur les colonnes gauches/droites, il faut que tu prennent cela en compte dans le cal(100% - 200px - marge)

Salut.

Un peu compliqué à la première lecture, mais je tacherai d'y voir plus clair en relisant plusieurs fois

J'ai tout de même réussi à faire quelques trucs assez sympa. Ma principale difficulté était surtout l'histoire des menus. J'ai remis les max-width, et j'ai enfin supprimé les colonnes D et G.

J'ai remis le tout à 1024.

ça reste très classique encore, mais pour un site de club, le plus sobre sera le mieux : http://planet-truck.fr/arc .. Ce sera hébergé sur : archers-hortus.fr/ (Site fonctionnel, mais très ancien, j'ai retiré le HTTP volontairement). Pour les couleurs, ce sont les couleurs du club .. Je fais avec. Il me reste encore la bannière panoramique (je devrais faire des photos), puis à modifier le forum, gallerie, ect ..

Je vous remercie des explications, c'est cool

Édité par MickaelFR Le 09/02/2016 à 14h16