Mettere colore alla parola Anteprima

[frank]

se si tratta di una singola parola, allora annulla tutto quello fatto e detto fino ad ora e crea un'estensione con un file di linguaggio italiano e aggiungi:

Codice: Seleziona tutto

'PREVIEW'				=> '<strong style="color:#FF0000;">Anteprima</strong>',
));

Stampa questo

[alex75]

si ho visto adesso, quello è il tasto anteprima, che ovviamente non digerisce la modifica, mentre la parola anteprima in questione si. Ma riflettendoci è meglio non seguire questa strada perchè tutte le parole "antemprima" richiamate da "{L_PREVIEW} in giro per il forum si colorerebbero di rosso.

[Sir Xiradorn]

Allora vediamo un po che si può fare. Possiamo farlo in due modi. Questo è quello più diciamo lineare. Allora da quanto vedo quello che a noi serve è evidenziare la parte solo e soltanto di anteprima. Quindi attualmente con la versione css3 (magari la faranno per la css4) non ci sono pseudo selettori che ci permettono di fare ciò, Quindi ragazzuoli miei si deve usare javascript. Jquery è di nostro aiuto e quindi scriviamo una funzioncina semplice per estrarre anteprima e metterli intorno uno span. Una delle possibili maniere è questa:

Codice: Seleziona tutto

<script>
	var trg = $('#preview h3');
	var trgText = trg.contents().text();

	var tStr = trgText.split(" ");
	var prw = tStr[0];
	var i, prwStrRem = "";

	for(i=1; i<tStr.length; i++){
	  prwStrRem += tStr[i] + " ";
	}

	trg.html("<span style=\"color: red\">"+prw+"</span> "+prwStrRem);
</script>

[frank]

Lo sto provando, non colora niente

EDIT: questo può andare bene, si tratta solo di non fargli intercettare ciò che c'è dopo i 2 punti

<style>
.postbody h3 {
color: #ff0000;
}
</style>

[brunino]

Frank, rileggi il post di Sir. Coi CSS non si può fare... Devi usare js

Inviato dal mio MotoE2(4G-LTE) utilizzando Tapatalk

[frank]

Va bene, ci metto quello, purché funzioni, quello che ha postato non funziona.

[Sir Xiradorn]

Certo che funziona. Dove hai inserito lo script? Lo hai messo alla fine? Inoltre ti inserisco anche questa versione

Codice: Seleziona tutto

<script>
/**  Self Invoke funcntion */
(function($){
	var trg = $('#preview h3');
	var trgText = trg.contents().text();

	var tStr = trgText.split(" ");
	var prw = tStr[0];
	var i, prwStrRem = "";

	for(i=1; i<tStr.length; i++){
	  prwStrRem += tStr[i] + " ";
	}

	trg.html("<span style=\"color: red\">"+prw+"</span> "+prwStrRem);
})(jQuery);
</script>

[frank]

Non mi funziona, nella pagina ho solo questo, non ho altri codici.

[Sir Xiradorn]

In che evento hai messo il codice?

Se fai bene quello che ti ho suggerito e funge con ambo le versione del codice dato il risultato TESTATO è il seguente:

prewjs.jpg

Edit trovi la cosa qua:

[frank]

Adesso funziona, non ho usato il jQuery perché leggevo che non è molto indicato per phpBB.

Non mi funzionava perché non avevo la cartella js, poi non ho capito come possa funzionare con un evento che si trova nel footer overall_footer_copyright_append