[Request] Image in texture field

[Terr0r]

Hello people

is there someone that can tell me how to create something like this or where I can find the MOD/Snippet to do this

imageintextfield.png

and how can I get the quickreply editor as the same as here

Greets Terr0r

[Stoker]

Its this one: viewtopic.php?f=45&t=1304

This is my quick-reply:

Code: Select all

<form method="post" action="{U_QR_ACTION}">
	<div class="panel">
		<div class="inner"><span class="corners-top"><span></span></span>
				<h3>{L_QUICKREPLY}</h3>
				<input type="hidden" name="subject" id="subject" size="45" maxlength="64" tabindex="2" value="{SUBJECT}" class="inputbox autowidth" />
				<div style="text-align:center;">
					<textarea id="message" style="height: 9em; width:99.4%; font-size:1.14em; background: #FFFFFF url('{ROOT_PATH}images/message.png') center no-repeat;" name="message" rows="7" cols="76" tabindex="3" class="inputbox"></textarea>
					<label for="message" class="counter"></label>
				</div>
		<span class="corners-bottom"><span></span></span></div>
	</div>
	
	<div class="panel">
		<div class="inner"><span class="corners-top"><span></span></span>
	<fieldset id="buttons" class="submit-buttons">
					{S_FORM_TOKEN}
					{QR_HIDDEN_FIELDS}
					<input type="submit" accesskey="s" tabindex="6" name="post" value="{L_SUBMIT}" class="button1" onclick="JavaScript:document.getElementById('buttons').style.display='none';document.getElementById('processingsub').style.display='block';" />&nbsp;
					<input type="submit" tabindex="5" name="preview" value="{L_PREVIEW}" class="button2" onclick="JavaScript:document.getElementById('buttons').style.display='none';document.getElementById('processingpre').style.display='block';document.getElementById('postform').action += '#preview';" />&nbsp;
					<input type="submit" accesskey="f" tabindex="7" name="full_editor" value="{L_FULL_EDITOR}" class="button2" onclick="JavaScript:document.getElementById('buttons').style.display='none';document.getElementById('processingfed').style.display='block';" />&nbsp;
	</fieldset>
	<fieldset id="processingsub" class="submit-buttons" style="display:none;">
		<img src="{ROOT_PATH}images/loader.gif" width="16" height="16" alt="" style="margin-bottom:-5px; padding-right:10px;" /> <input class="button1" type="button" value="{L_POST_SENDING}" disabled="disabled" />
	</fieldset>
	<fieldset id="processingpre" class="submit-buttons" style="display:none;">
		<img src="{ROOT_PATH}images/loader.gif" width="16" height="16" alt="" style="margin-bottom:-5px; padding-right:10px;" /> <input class="button1" type="button" value="{L_PREVIEW_SENDING}" disabled="disabled" />
	</fieldset>
	<fieldset id="processingfed" class="submit-buttons" style="display:none;">
		<img src="{ROOT_PATH}images/loader.gif" width="16" height="16" alt="" style="margin-bottom:-5px; padding-right:10px;" /> <input class="button1" type="button" value="{L_FULLED_SENDING}" disabled="disabled" />
	</fieldset>
		<span class="corners-bottom"><span></span></span></div>
	</div>
</form>

Note: Change the background image to what you are using.

[Terr0r]

thanks Stoker you are the best

[Martin_K]

I've been going for a similar effect, but abandoned it after trying in photoshop to come up with a similar text image.

Any clues on font, opacity, text effect used to get such a great clear message, that doesn't get in the way.

I like it, because it reminds you exactly which site you are on!

[Stoker]

I really suck with graphics but his one I can do.
In photoshop set the opacity to 25-50% You have to play with it to find the right setting for the image you want to use.

[martin123456]

I use this use brushed or 3d http://uk1.flamingtext.com/ play with the settings a bit and you can make any image you want and it will make ppl think its been done in photoshop

[Martin_K]

Thanks Martin,

My Phototoshop skills are non existent. I can't even find a thick font I like. I'll take a look the site you mention.

Stoker,

I'm new to this, is there any way to keep the quick reply box open, but allow user to click show/hide link, to have it operate across the board this way to their preferences? Might be nice, but not essential.

Also how to remove the Preview button for Quick Reply in your version?

Many thanks.

[Stoker]

Without preview:

Code: Select all

<form method="post" action="{U_QR_ACTION}">
       <div class="panel">
          <div class="inner"><span class="corners-top"><span></span></span>
                <h3>{L_QUICKREPLY}</h3>
                <input type="hidden" name="subject" id="subject" size="45" maxlength="64" tabindex="2" value="{SUBJECT}" class="inputbox autowidth" />
                <div style="text-align:center;">
                   <textarea id="message" style="height: 9em; width:99.4%; font-size:1.14em; background: #FFFFFF url('{ROOT_PATH}images/message.png') center no-repeat;" name="message" rows="7" cols="76" tabindex="3" class="inputbox"></textarea>
                   <label for="message" class="counter"></label>
                </div>
          <span class="corners-bottom"><span></span></span></div>
       </div>
       
       <div class="panel">
          <div class="inner"><span class="corners-top"><span></span></span>
       <fieldset id="buttons" class="submit-buttons">
                   {S_FORM_TOKEN}
                   {QR_HIDDEN_FIELDS}
                   <input type="submit" accesskey="s" tabindex="6" name="post" value="{L_SUBMIT}" class="button1" onclick="JavaScript:document.getElementById('buttons').style.display='none';document.getElementById('processingsub').style.display='block';" />&nbsp;
                   <input type="submit" accesskey="f" tabindex="7" name="full_editor" value="{L_FULL_EDITOR}" class="button2" onclick="JavaScript:document.getElementById('buttons').style.display='none';document.getElementById('processingfed').style.display='block';" />&nbsp;
       </fieldset>
       <fieldset id="processingsub" class="submit-buttons" style="display:none;">
          <img src="{ROOT_PATH}images/loader.gif" width="16" height="16" alt="" style="margin-bottom:-5px; padding-right:10px;" /> <input class="button1" type="button" value="{L_POST_SENDING}" disabled="disabled" />
       </fieldset>
       <fieldset id="processingfed" class="submit-buttons" style="display:none;">
          <img src="{ROOT_PATH}images/loader.gif" width="16" height="16" alt="" style="margin-bottom:-5px; padding-right:10px;" /> <input class="button1" type="button" value="{L_FULLED_SENDING}" disabled="disabled" />
       </fieldset>
          <span class="corners-bottom"><span></span></span></div>
       </div>
    </form>

[Martin_K]

Many thanks, Stoker, you are a star!

[Martin_K]

One thing I had noticed is that the Quick Reply box is open at the bottom of every page on a multi page topic. Is there any way to get it to show up on the last page of the topic only?