Comment réduire la marge d'un forum ?

[DD69]

Détails techniques

Version du forum : Inconnue
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
Lien du forum : https://mangatoons.forumactif.com/

Description du problème

Bonjour tout le monde

Bon, je vais essayer d'être clair et précis, car ce n'est pas facile d'expliquer et j'ai toujours du mal à me faire comprendre.

J'aimerais savoir s'il vous plait, s'il existe un moyen de réduire la marge pour les textes. En effet, cela réagit sur les grands écrans (que je trouve normal, non ?), mais aussi malheureusement sur les mobiles. J'ai tout de suite pensé que cela peut venir du navigateur tout simplement.
Hélas, sans aucun succès. C'est pourquoi, au lieu de chercher ou de bidouiller dans les scripts et programmes, un PPB correct ayant une petite taille et qui pourrait être attrayant et à la fois chaleureux pour mon forum de manga. En parcourant les divers thèmes, le succès n'est pas au rendez-vous et je trouve souvent des copier/coller d'autre model avec des couleurs différentes;

Merci d'avance à celui ou celle qui pourra résoudre mon problème.

PS : Je ne sais pas si c'est la bonne section pour mon poste. Désolé ^^'

[R.P. Gryphus]

Bonjour DD69!

En effet, c'est un peu pas très clair ce que tu demandes. Que veux tu dire par marge? La distance qui sépare le côté droit et gauche du texte aux bord du cadre? La distance qui sépare les éléments du haut et du bas du texte? Est-ce le texte précisément qui n'a pas la marge désirée, ou est-ce le cadre du texte vis-à-vis le cadre du forum?

Avec un peu plus d'éclaircissements, ça me ferait plaisir de pouvoir t'aider!

[DD69]

Salut Gryphus

En fait, je voudrais que le texte soit recadrer parfaitement en petite fenetre avec une marge régulière tant à droite et à gauche et que ça revient à la ligne. Au lieu de ça, j'ai le texte qui me fait tout le cadre et certains de mes textes sont trop court. On voit également un bout de la phrase avec un point, puis le reste du texte à la ligne.

C'est compliqué à comprendre quand on ne va pas sur certains forum. En clair, c'est un problème de "format".

[R.P. Gryphus]

As tu un lien que tu peux me partager qui mène directement à une page ou ton problème est présent?

[DD69]

Voici la page où se situe le problème (mais pas que) :  https://mangatoons.forumactif.com/t170-jeanne-et-serge

J'aimerais que tous mes articles soient du même calibrage / format.

Voilà comment je veux qu'il soit sur un forum : https://zupimages.net/viewer.php?id=23/09/u09l.png

Cette capture est de Microsoft Word

[R.P. Gryphus]

Ajoute ceci dans ton Panneau d'Administration > Affichage > Couleurs & Images > Couleurs & CSS > Feuille de style CSS et dis moi si ça règle bien ton problème :

Code:

.postbody {
  padding: 0px 10px;
}

[DD69]

D'accord merci Gryphus. Cela dit, on doit quand même toucher au CCS. Je préfère ne pas tout bidouiller, suis néophyte en la matière et si je dois remettre à zéro comme avant, ce ne sera pas possible.
Mais je prends note et j'ai fais une capture d'écran de la solution que tu m'as donné

[R.P. Gryphus]

Tu ne peux avoir le résultat que tu souhaites si tu ne touches pas au CSS. La feuille de style CSS est littéralement pour styler les éléments de ton forum.

[DD69]

Voilà mon CCS par défaut :

[MlleAlys]

Bonjour,
Le css est relativement simple à "bidouiller".
Il vous permet de changer l'apparence, le style des éléments sur votre forum (bordures, couleurs, tailles, marges, etc).
Il se présente sous cette forme là :

Code:

NomDeLélément { le style de l élément entre accolades }

Lorsque le style est un peu long, constitué de plusieurs propriétés, on en met en général une par ligne pour que ce soit plus simple à lire, toujours entre accolades, sous cette forme là :

Code:


NomDeLélément {
  style de bordure ;
  style de couleur ;
  style de marge ;
  etc ;
}



On peut faire un code pour chaque élément qu'on veut changer, ou pour plusieurs en même temps.

Les différents codes peuvent simplement être copiés / collés les uns à la suite des autres. Vous pouvez les séparer de quelques lignes pour facilement les différencier.

Si jamais un code que vous venez d'ajouter semble poser problème, il vous suffit de retourner au même endroit, et de retirer le code que vous venez de mettre (c'est plutôt rare).


Ici, sur votre forum, le bloc qui contient le message s'appelle ".postbody".
Si vous souhaitez ajouter une marge à cet élément, alors le code css proposé par R.P. Gryphus permet d'ajouter 10 pixels de chaque côté ("padding" correspond à la marge à l'intérieur d'un bloc, pour écarter le texte des bordures).
Si vous souhaitez une marge assez large comme sur un document word, j'aurais personnellement tenté un peu plus grand que 10px.
Pour que la marge ne devienne pas gênante sur des petits écrans, je pense qu'il est également mieux de la mettre en % plutôt qu'en pixels (ainsi, sur grands écrans ça pourra être un peu plus large, sur petits la marge sera également plus étroite).


Avec des étapes plus détaillées pour ajouter ce code :
- Rendez-vous dans affichage > couleurs & css > onglet feuille de style css.
- Dans la zone de saisie, rendez-vous tout à la fin, après les codes que vous avez déjà.
- Passez 2 ou 3 lignes pour bien séparer les codes précédents du nouveau, et éviter de les mélanger.
- Collez le nouveau code :

Code:

.postbody {
  margin: 10px 10%;
}


- enregistrez.
- actualisez votre forum et vérifiez s'il y a bien une nouvelle marge autour des messages :

- Si vous souhaitez une marge plus petite ou plus grande, vous pouvez modifier les valeurs dans le code (ici, j'ai mis 10 pixels au dessus et en dessous du texte, et 10% à gauche et à droite).

- Si le code ne semble pas avoir fonctionné, c'est :
Soit vous avez mal installé le code.
Soit un code plus haut dans le css a une erreur, et fausse la lecture des suivants. Dans ce cas, on pourra chercher l'erreur et la corriger.

[Chacha]

Bonjour, Attention, cela fait 7 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 8 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est archivé afin de ne pas perdre les réponses apportées.