MyBB Codes
[Tutorial] Textarea with Background Image - Printable Version

+- MyBB Codes (http://www.mybbcodes.com)
+-- Forum: Mods Database (/forumdisplay.php?fid=4)
+--- Forum: Tutorials for 1.4.x (/forumdisplay.php?fid=29)
+--- Thread: [Tutorial] Textarea with Background Image (/showthread.php?tid=1779)

[Tutorial] Textarea with Background Image - DJNilo - 09-14-2010 09:42 PM

Its a very simple tutorial very useful Smile i use it on my forum so i just wanted to share it and i hope it's ok for the admin Tongue

So lets begin !

Go to Admin CP > Themes > Your's Theme > Edit > open global.css > in Advanced Mode >

Find:
Code:[Highlight]
textarea {
background: #ffffff;
color: #000000;

After:
Code:[Highlight]
color: #000000;

Add:
Code:[Highlight]
background-image: url("/images/your-background-image.gif");
background-repeat: no-repeat;
background-position: 50% 50%;

Upload the background image to Mybb-root-directory/images.
You can aslo use full link aka hotlink, for example:

Code:[Highlight]
background-image: url("http://www.yoursite.com/images/your-background-image.gif");
background-repeat: no-repeat;
background-position: 50% 50%;

This should works in all Mybb versions.

Check attachment for screenshot.

Hope you enjoy Smile

RE: [Tutorial] Textarea with Background Image - Richard.R - 09-15-2010 09:48 AM

hey thats real awesome i'll be using this in my forum Big Grin

RE: [Tutorial] Textarea with Background Image - Ansar Bajwa - 09-20-2010 06:13 AM

Thanks for the tutorial brother.