Absence de body dans les codes

[Robinmc]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Quand j'ai mis les codes
Lien du forum :

Description du problème

Bonjour/Bonsoir !
Je m'excuse de vous déranger mais voilà plusieurs mois que j'essaie de faire mon forum et n'ayant aucune connaissance en codage j'ai trouvé des skin en libre service.
Sauf qu'à chaque fois j'avais les memes problèmes :
Tout était déformé et les nouvelles catégories n'apparaissent pas.
Pour la déformation j'ai demandé de l'aide à une amie ( qui m'a parlé de votre forum) qui m'a dis que tous les codes n'ont pas de body et que c'est pour cela que ça ne fonctionne pas. J'ai tout bien copié collé et j'ai vérifié plusieurs fois
Je vous laisse ci dessous le lien du code que j'ai pris
https://epsilon-ls.forumactif.com/t345-index-turquoise
Merci beaucoup à vous passez une bonne soirée/journée

[MlleAlys]

Bonjour,
En suivant les indications du libre-service, je reproduis le souci d'affichage pour les catégories, par contre pour le qeel il semble vous manquer un code dans l'ensemble du css, et vous avez ajouté une largeur de 500px qui pose souci.
Pour ce qui est de l'ensemble de déformé, pour moi pas de problème de body (?? une balise body est utilisé une seule fois sur une page et correspond à l'ensemble du corps de la page à afficher, et il y en a bien déjà une dans overall_header, pas besoin d'en ajouter ailleurs ^^").
Il semble plutôt que le problème soit lié aux largeurs des éléments, et réglé avec le code suivant (qui permet de calculer leurs tailles à partir de la bordure et non du contenu) :

Code:

.qeelepi, .qeelepi *, .cattitle, .cattitle *, .insidecat, .insidecat * {
  box-sizing: border-box;
}

Avec ce code css, l'ensemble semble alors correctement s'afficher comme montré dans le libre-service.

[Robinmc]

Bonjour !
Merci beaucoup de m'apporter votre aide, je n'y connais vraiment rien et ça me fais plaisir de pouvoir régler le problème.
J'ai remis le code la PA ( Car mon amie l'avait modifié et j'avais peur que ça fasse tout buguer) et j'ai aussi remis celui du Queel en plus du votre dans les CSS
Le Queel s'est remis en place mais les dimessions ne sont pas encore correctes, est ce que le code doit se trouver à la suite de quelque chose ?
Car je l'ai isolé sur une nouvelle ligne
Je m'excuse c'est mon premier forum et la première fois que je touche à des codes je suis un peu perdue

[MlleAlys]

Pas de souci sur l'emplacement : si le code que je vous ai donné ne fonctionne pas, c'est à cause du commentaire que vous avez mis juste devant.
Un commentaire en css doit se trouver entre un slash et une etoile, comme ceci :  /* commentaire ici */
(vous pouvez remettre plusieurs slashes ou n'importe quoi d'autres à l'intérieur du commentaire si vous le souhaitez, mais il faut au moins une étoile pour ouvrir et fermer et que le commentaire soit reconnu comme tel, et donc son contenu non pris en compte par le navigateur : /* /////////////////commentaire qui contient des slashes////////////////////// */

Vous n'avez pas mis d'étoiles, donc le commentaire n'est pas reconnu comme tel, et le code qui le suit est mal lu et donc ne fonctionne pas.

(Pensez à corriger les autres commentaires erronés que vous avez pu mettre également ailleurs dans votre feuille de style ^^)

[Robinmc]

J'ai refais tous les message car aucun ne l'avait
Cependant le problème persiste
Est ce que je n'aurais pas oublié d'activer quelque chose quelque part ?

[MlleAlys]

Les étoiles n'ont pas été ajoutées au bon endroit ^^"
Vous avez fait :

Code:

//////////////////////////////*IMPORTANT*///////////////

Vous devez faire :

Code:

/*/////////////////////////////IMPORTANT//////////////*/

Ou bien encore

Code:

/******************************IMPORTANT**************/

Ou bien encore

Code:

/*=============================IMPORTANT==============*/

etc ^^
L'important c'est d'avoir 1 slash et 1 étoile aux l'extrémités du commentaire, et à l'intérieur de ceux ci vous pouvez alors en remettre autant que vous voulez.

[Robinmc]

Oui excusez moi !
Tout s'est remis à la bonne taille merci beaucoup pour votre code !
Même la barre de navigation s'est bien remise cependant le problème reste sur la PA.
Je pense que je dois modifier la taille dans le tableau de généralité ?

[MlleAlys]

Complétez le code css précédent en ajoutant au début ".pad, .pad *," ce qui donne :

Code:

.pad, .pad *, .qeelepi, .qeelepi *, .cattitle, .cattitle *, .insidecat, .insidecat * {
  box-sizing: border-box;
}

[Robinmc]

Bonsoir !
Je l'ai fait j'ai recopié le code pour être sûre de ne pas me tromper mais ça ne semble ne pas marcher de plus j'ai noté le même problème lorsque je poste un sujet

[MlleAlys]

Votre forum est "en maintenance" et je ne peux pas voir le problème en question, pourriez-vous le réouvrir ?
Et quel est-il lorsque vous "postez un sujet" ? Auriez-vous une capture pour montrer le problème dont vous parlez ? Normalement la page d'accueil n'intervient pas lorsqu'on poste un sujet.

[Robinmc]

Oh excusez moi !
Je vais le réouvrir tout de suite
Non ce n'est pas la page d'accueil mais le dessus du sujet

[MlleAlys]

Vous avez écrit "pap, pap *," au lieu de "pad, pad *,"

Par contre j'ai remarqué également que les templates fourni dans le libre service pour le haut de page n'est pas basé sur une version phpbb2 comme votre forum mais sur une version modernBB... Or, certaines structures et variables sont différentes entre les deux versions. Vous risquez d'y perdre des options du panneau d'administration, voire d'avoir parfois quelques bugs...
Je pense qu'il serait plus prudent soit de retravailler au moins le template overall_header pour garder une structure principale de type phpbb2, soit de passer votre forum en version modernBB...

En attendant, vous pouvez effectuer cette modification pour au moins maîtriser la largeur de votre forum sur toutes les pages via l'option du panneau :

- dans le template haut de page (overall_header), localisez la ligne suivante :

Code:

<div id="page-body">

- modifiez-la ainsi :

Code:

<div id="page-body" class="bodylinewidth" style="margin:auto;">

- enregistrez puis publiez le template

- rendez-vous dans Général > forum > configuration :
- "Largeur du forum (nombre ou %)" : vous devez être à 800 je pense ? Augmentez à 900.
- enregistrez.

[Robinmc]

La PA s'est recentrée!
Mais tous est dérangé maintenant
Est ce que si je passe en mondernBB je vais perdre tous ce que j'ai fait ?

[MlleAlys]

Dans affichage > page d'accueil > généralités, localisez le code suivant :

Code:

.pad {
    padding: 10px;
    background: #eeeeee;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border: 1px solid #cacaca;
}

Modifiez la ligne padding: 10px; (qui ajoute une marge et ne laisse pas assez de place) en : padding: 2px;

- enregistrez.



Si vous changez de version, vous devrez refaire les modifications des templates.

[Robinmc]

La PA est à la bonne taille !
Merci beaucoup à vous !
Est ce que vous pensez qu'avec les modifications apportées cela ira pour la suite ?
Je n'y connais vraiment rien ( vous avez dû le remarquer haha) et pour moi les problèmes que j'avais vus semblent être réglés

[MlleAlys]

Je ne sais pas trop dire, je ne connais pas bien les différences entre les deux versions, donc je ne sais pas vraiment à quel moment ça peut poser problème...
Mais par exemple de la même façon que vous ne pouviez plus régler la largeur de vote forum via l'option du panneau avant la dernière modification, il se peut que d'autres options se révèlent inopérantes au moment où vous tentez de les modifier :
ça peut être beaucoup de choses, des options du style affichage des avatars, pop-up anniversaires, affichage de widgets, etc...
Il se peut qu'une partie fonctionne normalement, mais qu'à un moment vous vous retrouviez à devoir faire de nouvelles corrections et modifications parce que l'une d'elle ne fonctionnait pas avec la même variable que sur l'autre version, ou que la structure ayant changé ça ne soit plus adapté, etc...

[Robinmc]

J'ai décidé de suivre votre conseil car je suis de votre avis !
Cependant le problème avec la PA est revenu j'ai mis de 2px mais ça reste trop grand

[MlleAlys]

Vous avez passé votre forum en modernBB c'est ça ?
Vérifiez la largeur de votre forum dans Général > forum > configuration : largeur du forum : 900

Ajoutez dans la feuille de style (css) de votre forum les 2 codes suivant :

Code:

/*page accueil*/
.panel.introduction {
  padding: 0;
}

/*bannière*/
.bann, .bann a, .bann img {
  max-width: 100%;
  display: block;
}


Le premier permet de retirer la marge de la page d'accueil pour qu'elle prenne la largeur disponible.
Le deuxième permet d'éviter le débordement de la bannière si elle est plus grande que la largeur du forum, en diminuant sa taille.

[Robinmc]

Tout fonctionne parfaitement !
Un grand merci à vous !
Je vous remercie pour votre patience et votre aide vous m'avez énormément aider merci mille fois !

[Chacha]

Tout fonctionne parfaitement !
Un grand merci à vous !
Je vous remercie pour votre patience et votre aide vous m'avez énormément aider merci mille fois !

Bonjour,

Afin de faciliter la gestion des problèmes, si le vôtre est résolu, pensez à : éditer votre premier message, cocher l'icône résolu et enregistrer Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton