[Tutorial] Textarea with Background Image

[DJNilo]

Post HTML Suite Plugin's DEMO

*** If you are looking for an affordable hosting with great support quality, click here! ***

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

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

[Richard.R]

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

[Ansar Bajwa]

Thanks for the tutorial brother.