Personnaliser la boîte de dialogue de connexion ?

J’ai vu Trendy Login mais c’est pour les sites nécessitant une connexion. J’ai aussi vu Page Publishing mais cela semble également nécessiter une connexion.

Je veux personnaliser cette boîte de dialogue en déplaçant des éléments, en ajoutant/supprimant des éléments, etc.

1 « J'aime »

Bonjour, vous pouvez personnaliser le panneau de connexion avec Making custom CSS changes on your site.
J’espère que cela vous aidera.

1 « J'aime »

Salut, j’ai vu ça plus tôt aussi mais je n’arrivais toujours pas à comprendre la boîte de connexion pop-up :frowning:
Et cela peut être utilisé sans nécessiter le mode de connexion ?

Une question un peu délicate. Je veux changer le texte de la boîte de dialogue de connexion.
J’utilise actuellement du CSS pour remplacer le texte « Connectez-vous à votre compte » par « Connectez-vous ou enregistrez-vous ici ! »

.login-subheader {
  visibility: hidden;
}
.login-subheader:after {
  content:'Login or Register here!'; 
  visibility: visible;
}

Le problème, c’est que le résultat est celui-ci, alors qu’il devrait être à gauche comme le texte original…

Mais c’est parce que l’original, « Connectez-vous à votre compte », est simplement caché, pas supprimé, donc ce qui est vraiment là, c’est :

Y a-t-il donc un moyen de simplement modifier directement le HTML ici au lieu d’utiliser des astuces CSS farfelues ?

Recherchez le texte que vous souhaitez remplacer ici et modifiez-le :

/admin/customize/site_texts

Plus d’informations :

2 « J'aime »

Est-ce simplement un changement de texte, ou puis-je utiliser du HTML ?
EDIT : après avoir essayé un simple test <b></b>, il semble que vous ne puissiez pas utiliser de HTML… j’ai donc besoin d’une meilleure solution.

Non, le HTML sera supprimé.

https://meta.discourse.org/t/customize-any-text-in-discourse/36092/73?u=omarfilip

1 « J'aime »

Je ne suis pas sûr de la façon de faire des sauts de ligne avec CSS entre les mots/phrases, cependant. Est-ce même possible ? Ou mettre en gras certains mots dans une phrase, etc.

Je recommanderais de suivre un tutoriel sur un site comme CSS Tutorial

Si vous souhaitez apporter ce genre de modifications, vous aurez besoin de connaissances de base.

1 « J'aime »

En fait, la seule chose qui ne sera pas supprimée, ce sont les sauts de ligne, donc \u003cbr\u003e\u003cbr\u003e fonctionnera.

2 « J'aime »

J’ai déjà publié quelques liens généraux pour vous aider à apprendre le CSS et à personnaliser votre forum ici :

1 « J'aime »

Hmm, ça ne marche pas pour moi ?
qqq

Bonjour :wave:

Modifiez le texte dans /admin/customize/site_texts

Pour ce format :arrow_down_small:
Screenshot 2024-03-27 at 12.26.57

Ajoutez ensuite ceci au CSS.

.d-modal {
  &.login-modal {
    .login-subheader {
      white-space: pre-line;
    }
  }
}

Résultat

Screenshot 2024-03-27 at 12.30.39

3 « J'aime »

Merci beaucoup !

1 « J'aime »

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.