Aggiungere un'immagine di sfondo alla textarea

Moloch · 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

<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