Pourquoi les codes d'arrière-plan ne fonctionnent-ils pas sur la page de chat en plein écran ?

Dev
1

Bonjour à tous.
Pourquoi les codes qui fonctionnent pour la page d’accueil ne fonctionnent-ils pas en arrière-plan de la salle de discussion ?

Ekran görüntüsü 2024-06-01 183315
Ekran görüntüsü 2024-06-01 1833152548×1040 435 KB

Ekran görüntüsü 2024-06-01 183322
Ekran görüntüsü 2024-06-01 1833222537×1256 58.2 KB

La vue est mauvaise en ce moment, lorsque la salle de discussion est en plein écran.

Mes codes pour l’arrière-plan et le corps

body {
  background-color: #1a1a2b;
}

body:before {
  display: inline-block;
  border-radius: 10px;
  width: 1125px;
  height: inherit;
  background-color: #26263B;
  content: " ";
  position: absolute;
  left: 50%;
  right: 0;
  top: 72px;
  bottom: 11px;
  transform: translate(-50%, 0);
  box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.3);  
}

body {
  position: relative;
}

body {
  background-image: url("https://pvpfarm.com/uploads/default/original/1X/1b5dd68a865855193164193f21e08630a3ed6da6.png");
  background-size: 240px;
  background-repeat: repeat;
  background-attachment: local;
}
2

Je ne veux pas spammer ce sujet, mais quelqu’un peut-il m’aider ?
J’ai essayé de nombreuses façons, mais cela ne fonctionne pas.

3

Je voulais consulter votre site, mais le chat semble être désactivé pour moi.

J’ai testé localement, et votre CSS semble fonctionner correctement.

image
image1460×594 59.1 KB

Il est possible qu’un autre code CSS écrase votre arrière-plan ou l’empêche de s’afficher correctement.

1 « J'aime »
4

J’ai regardé et je n’ai pas réussi à faire fonctionner correctement ce chemin d’image. Vous devriez plutôt télécharger cette image dans votre dossier d’assets pour le thème, puis utiliser comme variable en CSS :

background-image: url($image_variable_name);

où image_variable_name est ce que vous lui donnez lors de son téléchargement.

1 « J'aime »
5

Merci d’avoir consacré votre précieux temps à mon problème. @Arkshine @Lilly
J’ai défini votre niveau de membre sur 2. Vous pouvez accéder à la zone de discussion.

Oui, quelques codes CSS causaient des problèmes.
Je l’ai modifié, mais cette fois, il y avait un espace en bas de la zone de discussion.

Ekran görüntüsü 2024-06-04 085015
Ekran görüntüsü 2024-06-04 0850152551×362 37.3 KB

Et le code bottom dans le code body:before ne fonctionne pas.
Je ne peux pas résoudre ce problème pour le moment.

@Lilly Si j’ai bien compris ce que vous avez écrit, c’est comme ça que j’ai téléchargé la photo.

Ekran görüntüsü 2024-06-04 085453

Au fait, j’ai fait cette conception sans aucune connaissance en CSS. C’est pourquoi je fais peut-être beaucoup d’erreurs. Grâce à vous, j’apprends de mes erreurs. :pray:

1 « J'aime »
6 
.has-full-page-chat:not(.discourse-sidebar) #main-outlet {
  height: auto;
  position: absolute;
  left: 50%;
  right: 0;
  top: auto;
  bottom: auto;
  transform: translate(-50%, 0);
  box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.3);
}

J’utilise actuellement ces codes et ils fonctionnent.
Veuillez me corriger si je me trompe. Merci.