Personalizzare lo stile del widget login (come esempio)

2 partecipanti

Risolto Personalizzare lo stile del widget login (come esempio)

Messaggio Da Colins Gio 25 Gen 2024 - 10:01

Salve,

come posso creare un widget simile a questo?
Grazie

Foglio di stile - Personalizzare lo stile del widget login (come esempio) Tifosi11


Ultima modifica di Colins il Sab 27 Gen 2024 - 12:58 - modificato 2 volte.
Colins
Colins
****

Sesso : Maschio
Età : 56
Messaggi : 396
Località : Bari

http://www.tifosidelbari.com/
Colins è stato ringraziato dall'autore di questo topic.

Risolto Re: Personalizzare lo stile del widget login (come esempio)

Messaggio Da Niko Gio 25 Gen 2024 - 12:13

Ciao,

esiste giá, tra i widget predefiniti lo puoi trovare e inserire Wink
Non ricordo se si chiama login o connessione, ma lo trovi giá pronto da aggiungere! :bene:
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 28
Messaggi : 9573
Località : Provincia di Varese

https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Personalizzare lo stile del widget login (come esempio)

Messaggio Da Colins Gio 25 Gen 2024 - 12:40

ho  visto  ma non mi  piace  vorrei  crearlo  come  in foto
Colins
Colins
****

Sesso : Maschio
Età : 56
Messaggi : 396
Località : Bari

http://www.tifosidelbari.com/
Colins è stato ringraziato dall'autore di questo topic.

Risolto Re: Personalizzare lo stile del widget login (come esempio)

Messaggio Da Niko Gio 25 Gen 2024 - 13:33

La struttura è quella per forza, poi lo si può personalizzare nello stile con il CSS Wink
lo hai giá installato?
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 28
Messaggi : 9573
Località : Provincia di Varese

https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Personalizzare lo stile del widget login (come esempio)

Messaggio Da Colins Gio 25 Gen 2024 - 15:09

si
Colins
Colins
****

Sesso : Maschio
Età : 56
Messaggi : 396
Località : Bari

http://www.tifosidelbari.com/
Colins è stato ringraziato dall'autore di questo topic.

Risolto Re: Personalizzare lo stile del widget login (come esempio)

Messaggio Da Niko Ven 26 Gen 2024 - 21:34

Questo è il meglio che sono riuscito a ricreare partendo solo da uno screenshot, fai un tentativo:
Foglio di stile - Personalizzare lo stile del widget login (come esempio) Scree274

CSS:
Codice:
.ipbform fieldset label {
    color: #f91110;
    text-align: left;
    font-weight: 600;
}

.module .box-content.ipbform dd {
    text-align: left;
}

.module .box-content.ipbform dd input.inputbox {
    border: none;
    border-radius: 4px;
    box-shadow: 1px 1px 1px #cfcfcf;
    background: white;
    font-size: 13px;
    padding: 1px 6px;
}

.ipbform fieldset label[for="autologin"] {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.ipbform fieldset label[for="autologin"] input {
    margin-left: 5px;
}

.module .box-content.ipbform input.button[name="login"] {
    background: #f91110;
    border: none;
    color: white;
    padding: 2px 11px;
    border-radius: 4px;
}

.fb_or {
    border: none;
    background: none;
    font-size: 10px;
}

.fb_or {
    display: none!important;
}

.social_btn > div {
    float: right;
    margin-top: -60px;
}
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 28
Messaggi : 9573
Località : Provincia di Varese

https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Personalizzare lo stile del widget login (come esempio)

Messaggio Da Colins Sab 27 Gen 2024 - 12:58

grazie
Colins
Colins
****

Sesso : Maschio
Età : 56
Messaggi : 396
Località : Bari

http://www.tifosidelbari.com/
Colins è stato ringraziato dall'autore di questo topic.

Risolto Re: Personalizzare lo stile del widget login (come esempio)

Messaggio Da Niko Sab 27 Gen 2024 - 14:15

Grazie a te Foglio di stile - Personalizzare lo stile del widget login (come esempio) 3706843607

Buon weekend!
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 28
Messaggi : 9573
Località : Provincia di Varese

https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.