[HOW TO] Add a background image to posting area

[clight77]

It's just there while you are posting. This is a nice tutorial by Stitch! We even use it here in our styles.

I thought so.
Adds a nice little touch

[clhenry]

i am a completely new-be to phpbb after switching from another forum software. I found it so hard to get answers at other sites. I followed your directions, and it didn't work. Went back and reread, and checked what i did, and found a small mistake, changed, and now working. Thanks. Seems the people here actually work to help others. I have a lot of questions and will start making post to see what i can learn. Thanks again for this tweak.

[harmlessgoat22]

I suggest for this tutorial that instead of adding code in the middle of the textarea thing, you just add a new class type dealio...

Code: Select all

textarea#message {
   background-image: url('./images/alphaPORTAL_logo.png');
      background-repeat:no-repeat;
      background-position:center;
}

Add that code right after the textarea {} code. This way, the image doesn't appear in any textareas except ones that are rather large, eg posting area.

[Maxi Maximilian]

I use Thema acidtech and I do not look different stylesheet.css what can I do as I change

[Sniper_E]

I use Thema acidtech and I do not look different stylesheet.css what can I do as I change

Change that to this....

Code: Select all

textarea {
      font-size: 1.3em;
      line-height: 1.4em;
      padding: 2px;
      background-image: url('./images/YOUR_BACKGROUND_IMAGE.GIF');
      background-repeat:no-repeat;
      background-position:center;
}

[Maxi Maximilian]

no result

[Sniper_E]

Show us what you put in your class. Is it pointing to a valid image? Did you follow all of the directions in the first post.

Did you refresh your theme in the ACP? Saying, "no result" sure doesn't give much information on what you did.
Go do the things I just posted. Look over ALL of those steps.

[Drak]

I suggest for this tutorial that instead of adding code in the middle of the textarea thing, you just add a new class type dealio...

Code: Select all

textarea#message {
   background-image: url('./images/alphaPORTAL_logo.png');
      background-repeat:no-repeat;
      background-position:center;
}

Add that code right after the textarea {} code. This way, the image doesn't appear in any textareas except ones that are rather large, eg posting area.

This works perfectly for my style. Thanks!

[Highwayman Bruno]

Is it possible, instead of an image, the name of the Users read it?

Sorry my bad english!

[Highwayman Bruno]

Or a new idea.

Is it possible for each user his own background image?

Greeting from Thailand

Bruno