Adding edge over profile details in posts

View previous topic View next topic Go down

Adding edge over profile details in posts

Post by Ikerepc on Mon Jan 19, 2015 11:58 am

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

For punbb, phpbb2 and Invision
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="atf-profiles">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}</div>

For phpbb3
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="atf-profiles">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}</div>


Save that, and click on +.


Than Go in AdminPanel -> Display -> Colors -> CSS Stylesheet

add this to your CSS:
Code:

.atf-profiles {
 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, tag: IN TOPICS, and add this:
Code:
$(function(){
$('.atf-profiles').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 Smile

Tutorial checked at phpbb 3 (We using it at this forum)


Last edited by Ikerepc on Wed Jan 21, 2015 7:40 am; edited 1 time in total
avatar
Ikerepc
Ikerepc (Forum owner)
Ikerepc (Forum owner)

Posts : 345
Pts : 480
Reputation : 19
Join date : 2014-12-10
Location : Croatia
Full

View user profile http://admins.forumotion.com

Back to top Go down

Re: Adding edge over profile details in posts

Post by Ikerepc on Wed Jan 21, 2015 7:37 am

Added tutorial for Invision
avatar
Ikerepc
Ikerepc (Forum owner)
Ikerepc (Forum owner)

Posts : 345
Pts : 480
Reputation : 19
Join date : 2014-12-10
Location : Croatia
Full

View user profile http://admins.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