Personalizzare la finestra pop-up di accesso?

Ho visto Trendy Login ma è per siti che richiedono il login. Ho anche visto Page Publishing ma sembra richiedere anch’esso il login.

Voglio personalizzare questa finestra popup spostando elementi, aggiungendone/rimuovendone, ecc…

1 Mi Piace

Ciao, puoi personalizzare il pannello di accesso con Making custom CSS changes on your site.
Spero che questo ti aiuti.

1 Mi Piace

Ciao, l’ho visto anche prima ma non sono riuscito a capire la finestra di accesso pop-up :(\nE può essere utilizzata senza richiedere la modalità di accesso?

Domanda un po’ complicata. Voglio cambiare il testo della finestra di popup del login.
Attualmente sto usando CSS per sostituire il testo “Log in to your account” con “Login or Register here!”.

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

Il problema è che il risultato è questo, quando dovrebbe essere a sinistra come il testo originale…

Ma questo perché l’originale, “Log in to your account”, è semplicemente nascosto, non eliminato, quindi quello che c’è veramente è:

Quindi c’è un modo per cambiare direttamente l’HTML qui invece di usare strani trucchi CSS?

Cerca qui il testo che desideri sostituire e modificalo:

/admin/customize/site_texts

Maggiori informazioni:

2 Mi Piace

È solo una semplice modifica del testo, o posso usare l’HTML?\nEDIT: dopo aver provato un semplice test con <b></b>, sembra che non si possa usare l’HTML… quindi ho bisogno di una soluzione migliore.

No, l’HTML verrà rimosso.

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

1 Mi Piace

Non sono sicuro di come fare interruzioni di riga con CSS tra parole/frasi, però. È anche possibile? O mettere in grassetto certe parole in una frase, ecc.

Ti consiglierei di seguire un tutorial su un sito come CSS Tutorial

Se vuoi apportare questo tipo di modifiche, avrai bisogno di alcune conoscenze di base.

1 Mi Piace

In realtà, l’unica cosa che non verrà rimossa sono le interruzioni di riga, quindi \u003cbr\u003e\u003cbr\u003e funzionerà.

2 Mi Piace

Ho già pubblicato alcuni link generali per aiutarti con l’apprendimento del CSS e la personalizzazione del tuo forum qui:

1 Mi Piace

Non funziona per me?
qqq

Ciao :wave:

Modifica il testo in /admin/customize/site_texts

Nel seguente formato :arrow_down_small:
Screenshot 2024-03-27 at 12.26.57

Quindi aggiungi quanto segue al CSS.

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

Risultato

Screenshot 2024-03-27 at 12.30.39

3 Mi Piace

Grazie mille!

1 Mi Piace

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