PLEASE HELP! URGENT: Want to create border around post

[eyehorizon]

I'm just having a little problem, I'm trying to create a thread in my forum, and I need to include a border like around the post, and I'm struggling to do that. I have uploaded an attachment as to how I would want the post to be, the boarder and image inside the border. I would really appreciate the help.

[Craig]

Is this just for one post, or do you want all posts to look like that?

[eyehorizon]

All post sir, if possible

[eyehorizon]

Anyone?

[Craig]

Open up your Post List template, which can be found:

admin > themes > layout templates > thread > post list

Look for the following line:

<div class="message">$[post.message]</div>

And replace with this line:

<div style="padding: 10px; background: url(ABC); margin-bottom: 10px;"><div class="message" style="padding: 10px; background: XYZ; margin-bottom: 0px;">$[post.message]</div></div>


Change ABC to the image you want to appear as the background, and then XYZ to the colour you want the text to display on. Any problems, post back.

[eyehorizon]

{foreach $[post]}
<tr id="$[post.content_id]" class="$[post.content_class]{if $[post.even]} even{/if}{if $[viewing_recent_posts]} recent{/if}">
<td class="$[post.unblocked_class]">
<table role="grid">
<tr>
<td class="left-panel" rowspan="2">
$[post.created_by.miniprofile]
</td>
<td class="content">
<article>
<div class="content-head ui-helper-clearfix">
<div class="info">
$[post.thread]
<span class="date">$[post.created_on]</span>
{if $[post.how_posted]}
<span class="post-method">via $[post.how_posted]</span>
{/if}
$[post.likes]
</div>
<div class="controls">
$[post.quote_button]
$[post.edit_button]
$[post.likes.button]
$[post.select_options]
</div>
</div>
<h3 class="title aria-hidden">Post by $[post.created_by.name] on $[post.created_on]</h3>
<div style="padding: 10px; background: url(https://us.123rf.com/450wm/lupascoroman/lupascoroman1708/lupascoroman170800091/85131433-stock-vector-camouflage-seamless-pattern-background-horizontal-seamless-banner-classic-clothing-style-masking-cam.jpg?ver=6); margin-bottom: 10px;"><div class="message" style="padding: 10px; background: black; margin-bottom: 0px;">$[post.message]</div></div>
</article>
</td>
</tr>
<tr>
<td class="foot">
{if $[post.edited]}
<div class="edited_by"><span class="italic">Last Edit:</span> $[post.edited.date] by $[post.edited.by_user]{if $[post.edited.reason]}: $[post.edited.reason]{/if}</div>
{/if}
{if $[post.created_by.signature]}
<div class="signature">$[post.created_by.signature]</div>
{/if}
</td>
</tr>
</table>
</td>
{if $[post.is_blocked]}
<td class="$[post.blocked_class] content center">
<div class="message note pad-bottom">This post is hidden</div>
$[post.display_blocked_post_button]
</td>
{/if}
</tr>
{/foreach}
{if !$[post]}
<tr class="last"><td class="last center" colspan="1">No posts were found.</td></tr>
{/if}

[eyehorizon]

<div style="padding: 10px; background: url(https://us.123rf.com/450wm/lupascoroman/lupascoroman1708/lupascoroman170800091/85131433-stock-vector-camouflage-seamless-pattern-background-horizontal-seamless-banner-classic-clothing-style-masking-cam.jpg?ver=6); margin-bottom: 10px;"><div class="message" style="padding: 10px; background: black; margin-bottom: 0px;">$[post.message]</div></div>



This is the replaced code, it's still not working.

[Craig]

I put that on my test forum and it appeared to work. Could you expand on 'not working' and if possible, link to your forum so i can see if anything is interfering with it

[eyehorizon]

It's working sir, thank you.

[Craig]

Apr 5, 2020 7:48:57 GMT -8 eyehorizon said:

It's working sir, thank you.

No problem.  Did you get it looking how you wanted, as you can make adjustments such as increasing the picture border width

Also, could i just ask that for future reference, could you use a subject title that points to the problem you are having.  For example, instead of 'PLEASE HELP! URGENT', perhaps something like 'Help with post border'.  It just makes it easier for us to keep track of the topics