WebSite X5Help Center

 
Mauro B.
Mauro B.
User

Formattazione testo/colore Elenchi puntati e numerati  it

Autor: Mauro B.
Besucht 940, Followers 3, Geteilt 0  

Buongiorno a tutti..

Come faccio ad impostare un colore diverso alla formattazione degli elenchi puntati in un testo?

Mi spiego meglio. Il puntino a sinistra dell'elenco puntato deve per forza restare di colore "nero" (come nella frase seguente)

  • xxxxx.....xxxxx

oppure posso modificarne il colore?

Grazie.

Mauro

Gepostet am
10 ANTWORTEN - 1 NüTZLICH
Giancarlo B.
Giancarlo B.
User

Se Mauro utilizzi il metodo di skeggia si provato ora:

basterebbe solo un piccolo css, ricavando l'id dell'oggetto testo...

<style>
#imTextObject_04_tab0 ul li {
color: red;
}
</style>

... aggiungendo font-size:22px; si possono anche ingrandire...

Mehr lesen
Gepostet am von Giancarlo B.
Giancarlo B.
Giancarlo B.
User

eccoti il test da provare...

Ciao.

Mehr lesen
Gepostet am von Giancarlo B.
Mauro B.
Mauro B.
User
Autor

Buongiorno Giancarlo...e grazie per il test da provare.

Soltanto che aprendo il tuo test la cosa funziona come dovrebbe; se invece copio il codice, lo incollo nella mia pagina di test (esperto-->prima della chiusura del tag Head) non funziona.

DOVE SBAGLIO?

Giancarlo B.
eccoti il test da provare... Ciao.
Mehr lesen
Gepostet am von Mauro B.
Giancarlo B.
Giancarlo B.
User

Devi trovi mettere il corretto id dell'oggetto metti la pagina online 

Mehr lesen
Gepostet am von Giancarlo B.
Mauro B.
Mauro B.
User
Autor

HO RISOLTO GIANCARLOwink! GRAZIE!

BUONA DOMENICA

Mauro

Giancarlo B.
Devi trovi mettere il corretto id dell'oggetto metti la pagina online 
Mehr lesen
Gepostet am von Mauro B.
Giancarlo B.
Giancarlo B.
User

Perfetto Mauro, se riesci chiudi il post fleggando sulla risposta utile, sarà di utilità anche ad altri con lo stesso problema.

Mehr lesen
Gepostet am von Giancarlo B.
Esse Di
Esse Di
User

Volendo cambiare il colore solo al punto elenco, rendendolo indipendente dal colore del testo, basta aggiungere lo pseudoelemento ::marker

<style>
#imTextObject_04_tab0 ul li::marker {
color: red;
font-size: 1.5em;
}
</style>

Se la modifica riguarda tutti gli elenchi, ordinati e non ordinati, è sufficiente

<style>
li::marker {
color: red;
font-size: 1.5em;
}
</style>

(evitando in tal modo il riferimento all'oggetto testo) 

Mehr lesen
Gepostet am von Esse Di
Esse Di
Esse Di
User

Mi sono accorto che ::marker funziona solo con le versioni più recenti di Firefox e Safari, per cui forse non è raccomandabile

Mehr lesen
Gepostet am von Esse Di