The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Image In Reply Background

View previous topic View next topic Go down

Solved Image In Reply Background

Post by StoneRaven on August 22nd 2010, 3:06 pm

Anyone know how to add a background image to just the reply and quick reply box.

Like this:


Last edited by StoneRaven on August 24th 2010, 9:31 pm; edited 2 times in total

StoneRaven
Forumember

Male Posts : 142
Reputation : 0
Language : English

Back to top Go down

Solved Re: Image In Reply Background

Post by boffer10 on August 22nd 2010, 4:22 pm


/*----------puts background image in post edit box---but not in WYSIWYG mode--------*/

.inputbox {
background-image : url('your-image-link');
background-repeat : no-repeat;
background-position : right 176px;
}

boffer10
Forumember

Male Posts : 311
Reputation : 10
Language : english
Location : Go Seahawks!

http://squarefoot.creatingforum.com/

Back to top Go down

Solved Re: Image In Reply Background

Post by StoneRaven on August 22nd 2010, 4:24 pm

Need to tell me where to add this at. Still kind of new to all the css stuff. And is their now way to put the image in both the post edit box and the WYSIWYG mode?

StoneRaven
Forumember

Male Posts : 142
Reputation : 0
Language : English

Back to top Go down

Solved Re: Image In Reply Background

Post by boffer10 on August 22nd 2010, 5:21 pm

AP>Display>Colors>CSS Tab----add it to the end and hit save

This code is from RoNo, that I found a couple months ago. Maybe he has a different one now.

The first time I used it, I was unaware that some members could see it, and some couldn't. It was pretty funny trying to figure it out-especially since a lot of my members aren't very computer savvy. Razz

boffer10
Forumember

Male Posts : 311
Reputation : 10
Language : english
Location : Go Seahawks!

http://squarefoot.creatingforum.com/

Back to top Go down

Solved Re: Image In Reply Background

Post by StoneRaven on August 22nd 2010, 7:55 pm

So this only works sometimes and not all the time? Yea the screen shot is of RoNo's reply box. His works on both modes I just noticed after you posted this. So he must have a new code or something. Hopefully he will pop onto this and share his new one. But thank you for this code just in case.

StoneRaven
Forumember

Male Posts : 142
Reputation : 0
Language : English

Back to top Go down

Solved Re: Image In Reply Background

Post by RoNo on August 22nd 2010, 8:23 pm

Hi guys Cool... There's a help topic about it
here how-to-add-background-in-phpbb3-quick-reply

RoNo
Active Poster

Male Posts : 1270
Reputation : 135
Language : English
Location : Laguna Beach, California

http://bf2mercenaries.forumotion.com/

Back to top Go down

Solved Re: Image In Reply Background

Post by boffer10 on August 22nd 2010, 9:57 pm

I tried the bottom two codes in RoNo's link. They do the same thing for me: visible in code mode but not visible in WYSIWYG mode.

Is it just my problem?

boffer10
Forumember

Male Posts : 311
Reputation : 10
Language : english
Location : Go Seahawks!

http://squarefoot.creatingforum.com/

Back to top Go down

Solved Re: Image In Reply Background

Post by Guest on August 22nd 2010, 10:11 pm

For WYSIWYG try these codes:
For phpbb 2 Smile. don't know if it works on phpbb 3.
Code:

form#quick_reply textarea#text_editor_textarea {
        background-image : url('IMAGE URL');
background-repeat : no-repeat;
background-position : right 200px
   width: 100% !important;
   height: 100%;
   }


form#quick_reply iframe#text_editor_iframe {
    width: 100%;
          background-image : url('IMAGE URL');
background-repeat : no-repeat;
background-position : right 200px
    }

Guest
Guest


Back to top Go down

Solved Re: Image In Reply Background

Post by boffer10 on August 22nd 2010, 10:45 pm

@Gangstar15 wrote:For WYSIWYG try these codes:
For phpbb 2 Smile. don't know if it works on phpbb 3.

Confused nope, same thing for phpBB3, only works in code mode

boffer10
Forumember

Male Posts : 311
Reputation : 10
Language : english
Location : Go Seahawks!

http://squarefoot.creatingforum.com/

Back to top Go down

Solved Re: Image In Reply Background

Post by RoNo on August 22nd 2010, 11:12 pm

for phpbb3
Use this to add a background image to the wysiwyg editor
Code:
.wysiwyg {
   background-color:#ffffff;
   background-image : url('http://YOUR IMAGE URL HERE');
   background-repeat : no-repeat;
   background-position : right 103px;
   }

RoNo
Active Poster

Male Posts : 1270
Reputation : 135
Language : English
Location : Laguna Beach, California

http://bf2mercenaries.forumotion.com/

Back to top Go down

Solved Re: Image In Reply Background

Post by boffer10 on August 23rd 2010, 12:21 am

Pretty simple when ya know what your doing! Thanks, RoNo.

boffer10
Forumember

Male Posts : 311
Reputation : 10
Language : english
Location : Go Seahawks!

http://squarefoot.creatingforum.com/

Back to top Go down

Solved Re: Image In Reply Background

Post by StoneRaven on August 23rd 2010, 1:07 pm

Ok I tried all these and still can't get it to work. Now I can't even post anything all I get when I try is "You must enter a message when posting." This is what happened when I tried this code:

Code:
form#quick_reply textarea#text_editor_textarea {
        background-image : url('IMAGE URL');
background-repeat : no-repeat;
background-position : right 200px
  width: 100% !important;
  height: 100%;
  }


form#quick_reply iframe#text_editor_iframe {
    width: 100%;
          background-image : url('IMAGE URL');
background-repeat : no-repeat;
background-position : right 200px
    }

Can not post anything now. Pleases help me fix this.


I have phpbb 2 and I have cleared my style sheet and saved but the effects are still present. Even dumped both browsers cache and it still looks like this with a cleared style sheet. Also I can't post anything!!! I keep getting "You must enter a message when posting." I have also tried to roll back. Can you please help me out here. I'd be happy with it just going back to it's default like it was and be able to post.

StoneRaven
Forumember

Male Posts : 142
Reputation : 0
Language : English

Back to top Go down

Solved Re: Image In Reply Background

Post by boffer10 on August 23rd 2010, 4:40 pm

Going backwards is the pits!

Any chance your text color in your posts is black, and you just can't see it?

Sorry, I don't know anything about phpbb2.

boffer10
Forumember

Male Posts : 311
Reputation : 10
Language : english
Location : Go Seahawks!

http://squarefoot.creatingforum.com/

Back to top Go down

Solved Re: Image In Reply Background

Post by Behaviour??? on August 23rd 2010, 6:22 pm

What about PunBB

Behaviour???
Forumember

Posts : 293
Reputation : 0
Language : English

http://dungeons.forumotion.com/

Back to top Go down

Solved Re: Image In Reply Background

Post by StoneRaven on August 24th 2010, 12:26 am

No my post text is a metallic gray so it shows. The out side of the actual place where you type has been thrown out of whack as you can see by the pics. And still can't post anything, so my site is dead in the water and still no reply on how to fix it. A tweak is a tweak and can be postponed, but this is an emergency and I need help now not 2 weeks from now. Please.

StoneRaven
Forumember

Male Posts : 142
Reputation : 0
Language : English

Back to top Go down

Solved Re: Image In Reply Background

Post by Guest on August 24th 2010, 4:18 pm

did you tried deleting the codes? Smile

Guest
Guest


Back to top Go down

Solved Re: Image In Reply Background

Post by StoneRaven on August 24th 2010, 4:50 pm

@Gangstar15 wrote:did you tried deleting the codes? Smile
Yes I tried that already.

I have cleared my style sheet and saved but the effects are still present. Even dumped both browsers cache and it still looks like this with a cleared style sheet. Also I can't post anything!!! I keep getting "You must enter a message when posting." I have also tried to roll back.

Any other ideas anyone?

StoneRaven
Forumember

Male Posts : 142
Reputation : 0
Language : English

Back to top Go down

Solved Re: Image In Reply Background

Post by boffer10 on August 24th 2010, 5:15 pm

I'm surprised the roll back didn't help.

How about re-loading or changing the skin?

boffer10
Forumember

Male Posts : 311
Reputation : 10
Language : english
Location : Go Seahawks!

http://squarefoot.creatingforum.com/

Back to top Go down

Solved Re: Image In Reply Background

Post by StoneRaven on August 24th 2010, 5:26 pm

Already went there as well. Even completely changed the skin to just see if that would help but no dice. But the roll back did make it to where I can post now but not in both modes. I have to use the crappy looking mode to post. Would be nice to get the mode back like in the pics that works.

Any other ideas?

StoneRaven
Forumember

Male Posts : 142
Reputation : 0
Language : English

Back to top Go down

Solved Re: Image In Reply Background

Post by Guest on August 24th 2010, 6:17 pm

is it only you who can't post? what about the others? can you give me your forum link Smile?

Guest
Guest


Back to top Go down

Solved Re: Image In Reply Background

Post by StoneRaven on August 24th 2010, 9:31 pm

I happened to have saved a copy of my complete css before and after I had added these codes. Lucky for me. I went back and played around with the settings because I knew the site was already dead and I couldn't have hurt it any worse. But I actually got it back to the normal one and it now will allow posts. So this one is solved and can be locked now. Only issue is about the html not working like it use to. But I seen someone else posted something about that as well so I'll move over to that one to get an answer about that.

StoneRaven
Forumember

Male Posts : 142
Reputation : 0
Language : English

Back to top Go down

Solved Re: Image In Reply Background

Post by Emilio on August 24th 2010, 9:34 pm

@Behaviour??? wrote:What about PunBB

Try this


Code:
#quick_reply  #textarea_content .dd-textarea {
background : transparent url(IMG URL HERE) no-repeat;
width : 606px;
height : 200px;
}

Emilio
Forumember

Male Posts : 496
Reputation : 17
Language : Dutch , English ( Learning French & Spanish)

http://www.graphilicious.forumotion.com

Back to top Go down

Solved Re: Image In Reply Background

Post by yeuvotrang on August 24th 2010, 11:05 pm

[ Spam ~ Removed ]

yeuvotrang
New Member

Posts : 5
Reputation : 0
Language : china

Back to top Go down

Solved Re: Image In Reply Background

Post by Zaski on August 25th 2010, 6:27 am

Hey! What's up with the above post?
Anyway, thanks for this, will try this on mine... Very Happy

Zaski
New Member

Male Posts : 7
Reputation : 0
Language : English, HTML, Java, CSS
Location : Phils

Back to top Go down

Solved Re: Image In Reply Background

Post by MrMario on August 25th 2010, 3:07 pm

Solved => Locked

MrMario
Helper
Helper

Male Posts : 22186
Reputation : 1830
Language : test

http://test.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum