Problema risolto Avatar

[vitomitico]

Ragazzi non so se si può fare ma vorrei che sotto l'avatar:

Reputazione ecc. mettendolo dentro un mini box come ad esempio:

Potete dirmi come faccio Perfavore? ​

 

[Miblio]

Riferimento: Avatar

Ciao, segui questa guida:

Perfavore, Entra oppure Registrati per vedere i Link!

 

[vitomitico]

Riferimento: Avatar

Ciao, segui questa guida:

Perfavore, Entra oppure Registrati per vedere i Link!

Come modifico i colori dei box non ho ben capito come fare!

 

[Miblio]

Riferimento: Avatar

Nella guida c'è scritto:

Per qualsiasi problema riguardo la personalizzazione dei colori commentate questo topic

Ma per ora la faccio passare. Come indicato nel topic:

I colori che ho inserito non sono il massimo, era giusto per dare l'idea che i colori sono diversi, potete modificarli come vi pare tramite il code che inserirete nel global.css, seguendo questa sequenza:
info_utente > Box contenente il contatore messaggi
info_utente2 > Box contenente la data di registrazione
info_utente3 > Box contenente il contatore reputazione
info_utene4 > Box contenente il livello di avvertimento

Quindi, se andiamo a prendere il CSS:

.info_utente {
background: rgba(70, 165, 189, 0.85);
border: 1px solid rgba(153, 201, 219, 0.86);
color: #fff;
margin: 2px;
padding: 3px;
border-radius: 2px;
text-align: left;
}

.info_utente2 {
background: rgba(69, 136, 189, 0.66);
border: 1px solid rgba(153, 201, 219, 0.86);
color: #fff;
margin: 2px;
padding: 3px;
border-radius: 2px;
text-align: left;
}

.info_utente3 {
background: rgba(164, 201, 197, 0.97);
border: 1px solid rgba(153, 201, 219, 0.86);
color: #fff;
margin: 2px;
padding: 3px;
border-radius: 2px;
text-align: left;
}

.info_utente4 {
background: rgba(114, 193, 224, 0.78);
border: 1px solid rgba(153, 201, 219, 0.86);
color: #fff;
margin: 2px;
padding: 3px;
border-radius: 2px;
text-align: left;
}

Se vuoi modificare il box del contatore messaggi, come citato nella citazione devi andare a modificare .info_utente, quindi andiamo a prenderlo:

.info_utente {
background: rgba(70, 165, 189, 0.85);
border: 1px solid rgba(153, 201, 219, 0.86);
color: #fff;
margin: 2px;
padding: 3px;
border-radius: 2px;
text-align: left;
}

A noi ci interessano principalmente queste due voci:

background: rgba(70, 165, 189, 0.85);
border: 1px solid rgba(153, 201, 219, 0.86);
color: #fff;

Questo:

background: rgba(70, 165, 189, 0.85);

ti cambia lo sfondo del box, invece questo:

border: 1px solid rgba(153, 201, 219, 0.86);

Ti cambia il bordo del box, aumentando 1px a 2px, per esempio, il bordo aumenterà di dimensione. Invece questo:

color: #fff;

Ti modifica il colore della scritta

Come cambiare colore?

Ritornando ai tre codici che ci interessano principalmente:

background: rgba(70, 165, 189, 0.85);
border: 1px solid rgba(153, 201, 219, 0.86);
color: #fff;

Prima ti ho indicato la funzione di ogni singolo code, qui è un esempio di come cambiare il colore:

Andiamo a prendere il colore esadecimale che ti interessa da questo sito:

Perfavore, Entra oppure Registrati per vedere i Link!

Troverai tutti i colori più belli, votati dai utenti, e sopra nella barra ricerca se clicchi l'immagine bianca con la freccia potrai scegliere il tuo colore che preferisci di più.
Trovato il tuo colore, copia il colore delimitato dall'inizio con un hashtag (#) e inseriscilo come sfondo e un'altro come bordo e l'altro come colore della scritta. Esempio, questo è un box rossastro con il bordo rosso scuro e la scritta grigio/bianca:

background: #e74d4d;
border: 1px solid #c32a2a;
color: #f6efef;

 

[vitomitico]

Riferimento: Avatar

Nella guida c'è scritto:



Ma per ora la faccio passare. Come indicato nel topic:



Quindi, se andiamo a prendere il CSS:



Se vuoi modificare il box del contatore messaggi, come citato nella citazione devi andare a modificare .info_utente, quindi andiamo a prenderlo:



A noi ci interessano principalmente queste due voci:



Questo:



ti cambia lo sfondo del box, invece questo:



Ti cambia il bordo del box, aumentando 1px a 2px, per esempio, il bordo aumenterà di dimensione. Invece questo:



Ti modifica il colore della scritta

Come cambiare colore?

Ritornando ai tre codici che ci interessano principalmente:



Prima ti ho indicato la funzione di ogni singolo code, qui è un esempio di come cambiare il colore:

Andiamo a prendere il colore esadecimale che ti interessa da questo sito:

Perfavore, Entra oppure Registrati per vedere i Link!

Troverai tutti i colori più belli, votati dai utenti, e sopra nella barra ricerca se clicchi l'immagine bianca con la freccia potrai scegliere il tuo colore che preferisci di più.
Trovato il tuo colore, copia il colore delimitato dall'inizio con un hashtag (#) e inseriscilo come sfondo e un'altro come bordo e l'altro come colore della scritta. Esempio, questo è un box rossastro con il bordo rosso scuro e la scritta grigio/bianca:

Problema Risolto.
Grazie sei stato molto chiaro e semplice

 

[Ignazio96]

Riferimento: Avatar

Problema Risolto.
Grazie sei stato molto chiaro e semplice

Rinomino e sposto :soso: