Personalizzare il menù dei colori [Standard Mode]

« Older   Newer »
  Share  
view post Posted on 15/12/2012, 03:44
Avatar

Never give up! Trust me!

Group:
NB Developers
Posts:
5,375

Status:


Attenzione

Questa guida è da utilizzare per i forum in Standard Mode (Nuovo Template)

se il vostro forum utilizza una skin del vecchio template (Quirks Mode) utilizzate la guida linkata qui sotto

Personalizzare il menù dei colori [Quirks Mode]

***



In questa guida vi verrà spiegato un metodo che vi consentirà di aggiungere nuovi colori al menù Colore del modulo di inserimento messaggi e della risposta rapida tramite l'inserimento, nel vostro forum, di due javascript di semplice utilizzo.


Quel menù a tendina permette, di default, l'inserimento dei seguenti colori:

Blu

Rosso

Porpora

Arancio

Giallo

Grigio

Verde

per aggiungerne altri inserite questi javascript

CODICE
<script type="text/javascript">
var colors=new Array("Color_Name_1","Color_Name_2");
var namecolors={Color_Name_1: 'Nome_1', Color_Name_2: 'Nome_2'}
</script>
<script type="text/javascript" src="http://nb.forumfree.it/scripts/frostman/color_standard.js"></script>


in Amministrazione > Grafica > Codice HTML > Codice HTML che sarà mostrato in FONDO a tutte le pagine, gli script, come sono stati postati, possono essere utilizzati per inserire due colori supplementari, le parti da modificare sono due, nella prima

var colors=new Array("Color_Name_1","Color_Name_2");

sostituite le parti in blu con i nomi dei colori che volete inserire, in inglese, vanno usati i nomi di colori validi per HTML, qui

#entry116420076

trovate l'elenco dei 147 nomi di colore supportati, esempio

var colors=new Array("coral","fuchsia");

per inserire un numero maggiore di colori, la parte da modificare è sempre quella, aggiungendo nuovi nomi di colore, "Color_Name_x" all'array, i nomi vanno inseriti fra doppi apici e separati con una virgola dal nome che li precede, qui un esempio con tre colori

var colors=new Array("Color_Name_1","Color_Name_2","Color_Name_3");

quelle che vengono inserite con questo array sono le parole chiave corrispondenti ai colori, che appariranno nel BBCode utilizzato per colorare il testo, con l'array utilizzato come esempio con menù a tendina Colore sarà possibile inserire questi due BBCode

HTML
[color=coral]coral[/color]


coral

HTML
[color=fuchsia]fuchsia[/color]


fuchsia

in aggiunta a quelli di base già presenti, però i vostri utenti, nel menù a tendina, visualizzeranno la parola chiave (nome del colore in inglese) che avreste inserito, per fare in modo che visualizzino il nome del colore in italiano (o in qualsiasi altra lingua desideriate), dovrete modificare anche questa parte dello script

var namecolors={Color_Name_1: 'Nome_1', Color_Name_2: 'Nome_2'}

le parti in blu andranno sostituite con gli stessi nomi di colore in inglese che avrete inserito nel primo array, le corrispondenti parti in rosso sostituitele con il testo che volete venga visualizzato nel menù a tendina Colore, utilizzando sempre i colori del primo esempio, il risultato sarà questo

var namecolors={coral: 'Corallo', fuchsia: 'Fucsia'}

e il testo visualizzato nel menù a tendina, in corrispondenza dei codici da inserire, sarà questo

Corallo

Fucsia

per inserire un numero maggiore di colori, la parte da modificare è sempre quella, aggiungendo nuove parole chiave in inglese e nuovi nomi in italiano, Color_Name_x: 'Nome_x' all'array, i nomi vanno separati con una virgola dal nome che li precede, dopo Color_Name_x inserite i due punti e lasciate uno spazio, il nome in italiano che lo segue va inserito fra apici semplici, in questo modo 'Nome_x', qui un esempio con tre colori

var namecolors={Color_Name_1: 'Nome_1', Color_Name_2: 'Nome_2', Color_Name_3: 'Nome_3'}

un volta inseriti i testi di vostro gradimento da visualizzare nel menù a tendina (evitate i nomi di colore troppo lunghi, che potrebbero causare antiestetici allargamenti del menù a tendina, allargamenti che potrebbero dare problemi ad utenti che utilizzino monitor con definizioni non elevate) per eventuali problemi riguardanti l'utilizzo di questi javascript potete rivolgervi alla sezione Script Support del NewsBoard Forum
 
Top
0 replies since 15/12/2012, 03:44   906 views
  Share