So what I would recommend here would be to edit your post template HTML (in the layout templates) into a new div.
So, when you have this by default:
<div class="message">$[post.message]</div>
add in a new div class. We're going to call it
rp_posts. Then we're going to wrap both the OPENING and CLOSING tags of the
rp_posts div in an IF statement targeting the specific category ID/IDs we want to affect with the special div.
<div class="message">
{if $[category.id] == X || $[category.id] == Y}
<div class="rp_posts">
{/if}
$[post.message]
{if $[category.id] == X || $[category.id] == Y}
</div>
{/if}
</div>So now that you have your class
rp_posts you can specifically target elements within them.
.rp_posts will be the container around the text
.rp_posts img will target the image you want to put there, so adjust your CSS accordingly
you can also target any BB Code (by targeting their HTML equivalent) by preceding it with
.rp_posts (eg:
.rp_posts b will allow you to target bold tags just in the
.rp_posts div). all CSS should work here as well, including targeting the first couple of letters in your post to make them a larger size / different font.
the problem, however, is you have your tag and your "transform" / credits class within the $[post.message] variable itself. credits is easy enough to do, by adding an additional div right after your closing .rp_posts tag, but before the closing {/if} tag, like so:
<div class="message">
{if $[category.id] == X || $[category.id] == Y}
<div class="rp_posts">
{/if}
$[post.message]
{if $[category.id] == X || $[category.id] == Y}
</div>
<div class="translate">
your credits here
</div>
{/if}
</div>
The biggest problem, though, is your tag box. I'm assuming this isn't a static element (ie, "open" will be replaced with someone's @ tag if they're tagged, or plaintext with their name). Unfortunately, while I can suggest a way to style this using layout templates, the only possible way to include a tag (which you'd want at the moment of post creation) is via plugin.
I don't know how to write this plugin myself since it would need to insert itself into the post editor, but if you add in an additional div at the beginning of this code block (like we did with the tag box), and put the plugin variable into this, it would work.
So in other words, something like this:
<div class="message">
{if $[category.id] == X || $[category.id] == Y}
<div class="tag">
</div>
<div class="rp_posts">
{/if}
$[post.message]
{if $[category.id] == X || $[category.id] == Y}
</div>
<div class="translate">
your credits here
</div>
{/if}
</div>And then ask for a plugin that does the following:
1. Inserts a textfield into the posting form
2. The field would be placed within the $[post.message] content
3. The plugin then targets the .tag div to insert the content of the textfield.
Does this make sense? Let me know if I need to clarify anything!
