WebSite X5Help Center

 
Mauro B.
Mauro B.
User

Formattazione testo/colore Elenchi puntati e numerati  it

Auteur : Mauro B.
Visité 1115, Followers 3, Partagé 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

Posté le
10 RéPONSES - 1 UTILES
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...

Lire plus
Posté le de Giancarlo B.
Giancarlo B.
Giancarlo B.
User

eccoti il test da provare...

Ciao.

Lire plus
Posté le de Giancarlo B.
Mauro B.
Mauro B.
User
Auteur

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.
Lire plus
Posté le de Mauro B.
Giancarlo B.
Giancarlo B.
User

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

Lire plus
Posté le de Giancarlo B.
Mauro B.
Mauro B.
User
Auteur

HO RISOLTO GIANCARLOwink! GRAZIE!

BUONA DOMENICA

Mauro

Giancarlo B.
Devi trovi mettere il corretto id dell'oggetto metti la pagina online 
Lire plus
Posté le de 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.

Lire plus
Posté le de 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) 

Lire plus
Posté le de 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

Lire plus
Posté le de Esse Di