MyBB Community Forums
Displaying rules in thread box before typing - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: 1.8 Support (https://community.mybb.com/forum-175.html)
+--- Forum: General Support (https://community.mybb.com/forum-176.html)
+--- Thread: Displaying rules in thread box before typing (/thread-220836.html)



Displaying rules in thread box before typing - Sgt Cheesepuffs - 11-26-2018

Is it possible to display the rules in the textbox before someone types in a thread? I tried the forum rules thing, but it puts the rules at the bottom and chances are people will ignore them. But what I'm looking at is something like this reddit page they have the rules in the text box, until you select it to type. Is it possible to do something like that? Maybe for each forum that have their own rules?


RE: Displaying rules in thread box before typing - isoldehn - 11-26-2018

https://community.mybb.com/mods.php?action=view&pid=322

Something like this?


RE: Displaying rules in thread box before typing - Sgt Cheesepuffs - 11-27-2018

(11-26-2018, 11:54 PM)isoldehn Wrote: https://community.mybb.com/mods.php?action=view&pid=322

Something like this?


Kind of, I might be able to use it. I was more looking for something that once you click the box it disappears. Like that reddit link I posted I think it's some kind of CSS or something. But thanks though I'm gonna try this. Smile


RE: Displaying rules in thread box before typing - AOR - 11-29-2018

(11-26-2018, 08:35 PM)Sgt Cheesepuffs Wrote: Is it possible to display the rules in the textbox before someone types in a thread? I tried the forum rules thing, but it puts the rules at the bottom and chances are people will ignore them. But what I'm looking at is something like this reddit page they have the rules in the text box, until you select it to type. Is it possible to do something like that? Maybe for each forum that have their own rules?

a background image upon inspection of element.  See below;

.commentarea .usertext textarea {
    background-image: url("//a.thumbs.redditmedia.com/hUUmT4Y5TJwQL7xj.png");
    background-repeat: no-repeat;
}

Just go to your link and right click then select inspect element.  Then you can see the CSS as well to replicate.

Link to .css file here:

https://a.thumbs.redditmedia.com/hIPGqPE9R1XbxCpClpGs3o2bo_5GcBd7W_muRuc83G8.css

EDIT: If you create a mod, post it up for others.