Modificare colore e barra dei forum

[Sir Xiradorn]

Andiamo a vedere. Non so che modifiche tu abbia fatto per colorare la parte in grigio ma credo tu abbiam modificato il postbody. nulla di più errato. Il tutto va modificato così rimuovendo evenutali altre modifiche che riguardano postbody e dintorni.

Codice: Seleziona tutto

/* primo background presente identificato dal bg2 con colore #E1EBF2 */
.post.bg2 {
    background-color: #cccccc !important;
}

/* secondo background presente identificato dal bg1 con colore #ECF3F7 */
.post.bg1 {
    background-color: #dddddd !important;
}

[boldherri]

Ciao Sir, si vero forse ho modificaro troppo, oggi ci ho lavorato parecchio, per farti capire ho fatto queste modifiche,

sono riuscito a colorare il pannello di controllo utente cosi, meglio di prima e ho usato queste classi:

.tabs .tab > a {
background: #DDDDDD;
color: #536482;
}

.navigation a {
color: #333;
background: #DDDDDD;
}

poi invece se inserisco questa classe mi colora in parte dentro i topic ma non nella striscia del profilo
.postbody {
background-color: #dddddd;
color: #333333;
}

è un po un casino :)

adesso provo il tuo codice e tolgo quelli che ho inserito io e faccio una prova Sir.

[boldherri]

Sir, il codice che mi hai dato per dentro i topic è perfetto ha riempito il colore perfettamente

vedi

Allora gli altri codici che ho inserito li lascio perchè quelli mi colorano il profilo, il pannello di controllo utenti e la homepage del forum, solo nel pannello di controllo utenti alla lista amici è azzurrina ma non fa niente prima o poi troverò la classe ma va bene cosi, quella dentro i topic era importante e senza di te non ci sarei mai riuscito, grazie Sir :)

[Sir Xiradorn]

Dovrebbe essere stessa cosa con bg3. Vado a memoria. Magari te lo confermo stasera

[boldherri]

Hai già fatto tanto, grazie Sir :)

[eniac]

Ho fatto queste modifiche usando il custom.css , però c'è un problemino, quando passo col mouse sulle sezioni dei forum o sulla lista dei topic la relativa sezione non cambia colore ma resta com'è, cosa devo aggiungere per farla tornare evidenziata come era in origine?

Codice: Seleziona tutto

a.forumtitle {
	font-style: bold;
   color: blue !important;
}
a.topictitle {
	font-style: bold;
   color: black !important;
}
.forumbg, .forabg {
	background: black !important;
}

.row {
   background: #fffff0 !important;
}

.post.bg2 {
    background-color: #fffff0 !important;
}

.post.bg1 {
    background-color: #fffff0 !important;
}

[Sir Xiradorn]

Beh è molto semplice. Devi aggiungere degli hover state. Quindi se hai un qualcosa tipo .sezione aggiungerai qualcosa tipo .sezione:hover. Ti chiedo sai come procedere in tal senso e provarci tu stesso o vuoi una mano un po più specifica?

[eniac]

Ovviamente prima vorrei provarci da solo, se no con la pappa pronta non imparo mai :D
Ho letto qui https://www.w3schools.com/cssref/sel_hover.asp

Codice: Seleziona tutto

:hover {
    css declarations;
}

e se ho capito bene dovrebbe essere cosi .....

Codice: Seleziona tutto

.row {
   background: #fffff0 !important;
   :hover
   background: #fdfdfd !important;
}

[eniac]

Scusate il post consecutivo ma ho esaurito il tempo per la modifica del precedente..

Come ho fatto qui sopra non va :(
ho riprovato con

Codice: Seleziona tutto

.row {
   background: #fffff0 !important;
   
}
.row:over. {
	background: #fdfdfd !important;
	}
	

ma non va neanche...qualcosa mi sfugge...

[eniac]

Alla fine ci sono riuscito... metto la parte di codice qua sotto se magari servisse a qualcuno, le linee sono commentate per cui non dovrebbe essere difficile cambiare i colori a proprio gusto.

Codice: Seleziona tutto

/* Colore Titolo Forum */
a.forumtitle, a:link.forumtitle, a:visited.forumtitle {
	font-style: bold;
   color: blue !important;
 } 
 /* Colore Titolo Forum passaggio mouse */
a:hover.forumtitle {
	color: red !important;
}
/* Colore Titolo Topic */
a.topictitle, a:link.topictitle, a:visited.topictitle {
	font-style: bold;
   color: blue !important;
}
/* Colore Titolo Topic al passaggio del mouse */
a:hover.topictitle {
	color: red !important;
}
/* Colore bordi forum */	
	.forumbg, .forabg {
	background: black !important;
}
/* Colore area  forum*/
.row {
   background-color: #fffff0 !important; 
}
/* Colore area forum al passaggio del mouse */
:hover.row {
background-color: #ffffff !important;
}	
/* Colore area post */	
.post.bg2 {
    background-color: #ffffff !important;
}
/* colore area avatar */
.post.bg1 {
    background-color: #ffffff !important;
}