Cambiare il punto che ti crea il tag List

[Astro86]

ciao, volevo fare una modifica che prevede di sostituire i puntini che ti fa il tag List

• <-Questo

con una immagine

se si può come si può fare?

[Haku]

Ciao Astro, a che MOD ti stai riferendo?

[Micogian]

I puntini sono derivati dal codice ascii •
Il tag

• ha la possibilità di utilizzare lettere o numeri (con
  • ), se parliamo del normale tag
    • credo che si debba intervenire sul bbcode di default e sostituire • con una immagine.

[Astro86]

quindi basta modificare il template dei BBcode e togle • e mettere l'immagine?

[Micogian]

Mi sembra che il • derivi dal tag <li> che è tipico del tag <list>.
Ora, a parte che ci sono diversi tipi di <list> quello che riguarda il tag <li> lo trovi nel file bbcode.html del template.
In pratica è questo:

Codice: Seleziona tutto

<!-- BEGIN listitem --><li><!-- END listitem -->
<!-- BEGIN listitem_close --></li><!-- END listitem_close -->

Si potrebbe lasaciare il "bull" e aggiungere una immagine, ad esempio

Codice: Seleziona tutto

<!-- BEGIN listitem --><li><img src="./image_list.gif"><!-- END listitem -->
<!-- BEGIN listitem_close --></li><!-- END listitem_close -->

Non saprei se la Lista funziona anche se togli i tag <li>
Nel caso si potrebbe togliere <li> dal ciclo "BEGIN listitem" e al posto di </li> nel ciclo "BEGIN listitem_close" mettere un <br />
Ovviamente devi creare l'immagine image_list.gif

[Barrnet]

Ho trovato questo:
http://webmaster.multimania.it/tips/986305583/
In pratica sfrutta i .css per modificare l'elenco, può essere utile?

[Micogian]

Si, potrebbe andare.
Va modificato il file content.css:

Codice: Seleziona tutto

.content li {
	list-style-type: inherit;
}

Sostituire con

Codice: Seleziona tutto

.content li {
	list-style-type: inherit;
	list-style-image:url(image.gif);
}

Si tratta poi di vedere dove inserire l'immagine e quindi inserire l'esatto percorso.
Il valore "inherit" significa che eredita il css (circle, disc, square, ecc.) e serve nel caso il browser non supporti l'immagine
Il valore list-style-image dovrebbe inserire l'immagine.

[Astro86]

Ok Grazie ora provo
ho lo style basato sul subsilver2 ma penso stia anche li

[Micogian]

Non mi pare ci sia il css per il tag <li> in subsilver2.
Credo che potresti intervenire nel file bbcode.html in questo modo:
Trova:

Codice: Seleziona tutto

<!-- BEGIN listitem --><li><!-- END listitem -->

Sostituisci con

Codice: Seleziona tutto

<!-- BEGIN listitem --><li style="list-style-image:url('./image.gif');"><!-- END listitem -->

Il file image.gif lo metti nella stessa cartella template dove sta bbcode.html, altrimenti devi cambiare percorso.

Questo interviene solo sul tag <li>, perchè ci sono anche i tag <ul> e <ol> per le Liste

[Astro86]

Ok grazie mille per la list= i numeri o le lettere sono più utili di una immagine