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.

Editing the Quick Reply box.

View previous topic View next topic Go down

Solved Editing the Quick Reply box.

Post by Ahkrir on Sat Aug 04, 2012 8:53 pm

Hi,

I keep it short.
How can I edit the quick reply box?
I wish to put a message ABOVE the quick reply box.
Is there any template I need to go in to assign my <div> ?

Ahkrir
Forumember

Male Posts : 288
Reputation : 14
Language : English
Location : The Netherlands

http://smarterweb.go-board.com/forum

Back to top Go down

Solved Re: Editing the Quick Reply box.

Post by Mati on Sun Aug 05, 2012 12:36 am


Mati
Active Poster

Posts : 1873
Reputation : 281
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://elite-gaming.forumotion.net/

Back to top Go down

Solved Re: Editing the Quick Reply box.

Post by Ahkrir on Sun Aug 05, 2012 11:26 am

Thank you Matti! I guess this is solved! (it worked)

Ahkrir
Forumember

Male Posts : 288
Reputation : 14
Language : English
Location : The Netherlands

http://smarterweb.go-board.com/forum

Back to top Go down

Solved Re: Editing the Quick Reply box.

Post by Ahkrir on Sun Aug 05, 2012 2:13 pm

For those need the solution: (punBB)

ACP -> Modules -> HTML & JAVASCRIPT -> JS MANAGEMENT
Create a new javascript, name it whatever you want.
Be sure to put it on ALL pages.

The code you need to add:
Code:
$(document).ready(function() {
  $('form#quick_reply.frm-form #text_editor_textarea').before('<div class="before_post_message">Your message here!!!</div>');
});

Now go to ACP -> display -> pictures and colors -> colors -> css and add this ANYWHERE:
Code:
form#quick_reply.frm-form .before_post_message {
  background: none repeat scroll 0% 0% rgb(251, 250, 239);
  border-width: 1px 1px 0px;
  border-style: solid solid none;
  border-color: rgb(197, 193, 172) rgb(197, 193, 172) -moz-use-text-color;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-image: none;
  text-align: center;
  font-weight: bold;
  padding: 5px;
  width: 88%;
  margin-top: 4px;
  margin: auto;
  float: center;
  color: grey;
}

You can ofcourse change the css to your likings :wouhou:
With this css and javascript it makes sure it is ONLY displayed on top of the QUICK REPLY text-box

MeGusta bwi

Ahkrir
Forumember

Male Posts : 288
Reputation : 14
Language : English
Location : The Netherlands

http://smarterweb.go-board.com/forum

Back to top Go down

Solved Re: Editing the Quick Reply box.

Post by SLGray on Sun Aug 05, 2012 4:46 pm

Topic Solved & Locked

Please don't double/triple post. Your post need to be separated by 24 hours before bumping, replying or adding more information. Please use the edit button instead!

Since this is your third reminder about double posting, you will receive a warning.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35649
Reputation : 2374
Language : English
Location : United States

http://fmthemes.forumotion.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