[colore] Colore dei link interni al topic diversi dal colore dei titoli dei topic

Versione Completa Stampa Cerca Utenti Iscriviti Condividi :

LA PIAZZA DI FFZ - Assistenza » LA PIAZZA DI FFZ - Assistenza » ASSISTENZA FREEFORUMZONE » Assistenza » Personalizza skin e layout

Compix

00martedì 11 agosto 2020 23:06

Ciao Admin, ti pongo una questione.

Volevo differenziare nel CSS due tipologie di link: quello interno a un topic e quello del titolo linkabile di un topic (o di una cartella).

Avendo queste due tipologie di link lo stesso tag nel CSS (a.ca0:link), se cambio il colore dell'uno cambio anche quello dell'altro.

E un link interno a un topic di colore nero, com'è attualmente nel nostro Forum, finisce semplicemente per sembrare un grassetto.

Come potrei risolvere agendo sul CSS?

Grazie, Vincenzo

MJFanSquare

admin

00giovedì 13 agosto 2020 08:37

Su desktop, puoi personalizzare i link nei messaggi con questo codice css:

(1 e 2 servono per alternare i messaggi)

Link nei messaggi

.ctdmess1 a.ca0:link, .ctdmess1 a.ca0:visited {
    color: #0484CF;
}
.ctdmess1 a.ca0:active, .ctdmess1 a.ca0:hover {
    color: #024066;
}
.ctdmess2 a.ca0:link, .ctdmess2 a.ca0:visited {
    color: #0484CF;
}
.ctdmess2 a.ca0:active, .ctdmess2 a.ca0:hover {
    color: #024066;
}

Su mobile

(se ti serve alternare anche qui bisogna cambiare codice, però)

Link nei messaggi mobile

ul.list li .postcontent a {
    color: #024066;
}

Compix

00giovedì 13 agosto 2020 13:20

Re:

admin, 13/08/2020 08:37:
Su desktop, puoi personalizzare i link nei messaggi con questo codice css:

(1 e 2 servono per alternare i messaggi)
Link nei messaggi
.ctdmess1 a.ca0:link, .ctdmess1 a.ca0:visited {
    color: #0484CF;
}
.ctdmess1 a.ca0:active, .ctdmess1 a.ca0:hover {
    color: #024066;
}
.ctdmess2 a.ca0:link, .ctdmess2 a.ca0:visited {
    color: #0484CF;
}
.ctdmess2 a.ca0:active, .ctdmess2 a.ca0:hover {
    color: #024066;
}
Su mobile

(se ti serve alternare anche qui bisogna cambiare codice, però)
Link nei messaggi mobile
ul.list li .postcontent a {
    color: #024066;
}

Admin, non so cosa intendessi con "alternare i messaggi" (se puoi spiegarmelo, magari potrebbe risultarmi utile), ma ho risolto inserendo il codice che mi hai dato senza distinzione tra mess1 e mess2:

Link nei messaggi

.ctdmess a.ca0:link, .ctdmess a.ca0:visited {
    color: #0484CF;
}
.ctdmess a.ca0:active, .ctdmess a.ca0:hover {
    color: #024066;
}

admin

00giovedì 13 agosto 2020 13:24

Servono nel caso in cui i link dei messaggi pari devono avere un colore differenziato rispetto ai link dei messaggi dispari.

Dal momento che anche il colore di sfondo si può diversificare, è necessario permettere la possibilità di differenziare anche i colori al suo interno.

Questa è la versione 'lo-fi' del Forum Per visualizzare la versione completa clicca qui
Tutti gli orari sono GMT+01:00. Adesso sono le 00:43.