How to add edge over profile details in posts [only for phpBB 2 and punBB]

Now I will show you how to add edge over profile details in posts
Warning: this is only for punbb and phpbb2, it is same for phpbb2 and punbb.

First you go in AdminPanel -> Display -> Templates -> Viewtopic_body template, and find this:

Code:

{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}

Then change that code with this one:

Code:

<div class=new>{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}</div>

Save that, and click on +.

2. Go in AdminPanel -> Display -> Colors -> CSS

add this to your CSS:

Code:


.new {
 background-color: #ffffff;
 border: 1px solid #dfdfdf;
 color: #3a3a3a;
 margin-top: 2px;
 padding-bottom: 3px;
 padding-left: 10px;
 padding-right: 3px;
 padding-top: 3px;
 text-align: left;
 width: 154px;
}

on the end go to AdminPanel -> Modules -> JavaScript managment, tagged: IN TOPICS, and add this:

Code:

$(function(){
$('.new').next('br').hide();
});

and it's all.

If you need help with color, or something else, ask on this thread, and I will help you :)

Thank you