Aggiungere un'immagine di sfondo alla textarea

Snippet & addons per il nostro phpbb 3
Rispondi
Avatar utente
Moloch
Veteran
Veteran
Connesso: No
Messaggi: 1067
Iscritto il: 13/06/2012, 0:35
Versione phpBB3: 3.2.2
Stile utilizzato: Prosilver
Versione SEO: NO
Mod / Estensioni installate: Si
Link del Forum: http://twawi.altervista.org/forum/index.php

Aggiungere un'immagine di sfondo alla textarea

Messaggio da Moloch » 22/02/2013, 20:08

Questa procedura inserisce un'immagine di sfondo alla textarea

Apri: prosilver\template\quickreply_editor.html
Trova Questo può essere un ritrovamento parziale e non l’intera linea

Codice: Seleziona tutto

<div id="message-box-ns">
						<textarea style="height: 9em;" name="message" rows="7" cols="76" tabindex="3" class="inputbox"></textarea>
Sostituisci con Sostituire le linee precedenti con la seguente

Codice: Seleziona tutto

					<div id="message-box-ns">
						<textarea style="height: 9em; background: #FFFFFF url('{ROOT_PATH}images/message.png') right bottom no-repeat;" name="message" rows="7" cols="76" tabindex="3" class="inputbox"></textarea>
Trova Questo può essere un ritrovamento parziale e non l’intera linea

Codice: Seleziona tutto

				<div id="message-box">
					<textarea style="height: 9em;" name="message" rows="7" cols="76" tabindex="3" class="inputbox"></textarea>
Sostituisci con Sostituire le linee precedenti con la seguente

Codice: Seleziona tutto

				<div id="message-box">
					<textarea style="height: 9em; background: #FFFFFF url('{ROOT_PATH}images/message.png') center no-repeat;" name="message" rows="7" cols="76" tabindex="3" class="inputbox"></textarea>
Apri: colours.css
Trova Questo può essere un ritrovamento parziale e non l’intera linea

Codice: Seleziona tutto

input.disabled {
	color: #666666;
}
Per chi vuole avere il campo libero per scrivere per non vedere l'immagine naturalmente poi ritorna
Aggiungi dopo Aggiungere queste righe su una nuova riga vuota dopo le righe precedenti trovate

Codice: Seleziona tutto

.hideme {
    background:#FFFFFF url("{T_THEME_PATH}/images/message.png") center no-repeat;
}

.hideme input[type=text]:focus, select:focus, textarea:focus {    
    background: #FFFFFF !important;
}
Caricare questa immagine o una di vostra scelta nella cartella images
message.png
Non hai i permessi necessari per visualizzare i file allegati in questo messaggio.

Rispondi