FM Themes
Welcome to FM Themes
where you can share your punBB, phpBB 2, Invision, & phpBB 3 themes for Forumotion forums.

You are viewing the forum as a guest, so you will not be able to use the full forum. To use all the features of the forum, you need to log in or create a FREE account by registering.

Edge over profile details in posts

View previous topic View next topic Go down

Edge over profile details in posts

Post by Zyon on Fri Nov 15, 2013 8:40 am

Edge over profile details in posts
Hello all, this is tutorial for adding edge over profile details in posts.
For this we have 3 steps.

1 step
You go in AdminPanel -> Display -> Templates.
In Viewtopic_body template find this code:
Code:
{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}
And change it with
Code:
<div class=detailsedge>{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}</div>
Save that, and click on +.

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

add this to your CSS:
Code:

.detailsedge {
 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;
}
3. Step.
Go to Administration Panel -> Modules -> JavaScript codes managment.
Tag: IN TOPICS, and paste this code:
Code:
$(function(){
$('.new').next('br').hide();
});
Enjoy!
Tutorial written by: Ikerepc (aka Zyon)

Zyon
Tutor

Reputation : 14
Points : 2161
Posts : 57

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

Back to top Go down

Re: Edge over profile details in posts

Post by SLGray on Fri Nov 15, 2013 11:49 am


Tutorial Accepted

SLGray
Administrator

Reputation : 294
Points : 1597
Posts : 3723

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

Back to top Go down

Re: Edge over profile details in posts

Post by Michael_vx on Sat Jul 09, 2016 5:41 pm

nice work
🍎

Michael_vx
Member

Reputation : 0
Points : 3
Posts : 2

View user profile

Back to top Go down

Re: Edge over profile details in posts

Post by BlackScorpion on Sun Jul 10, 2016 9:37 pm

Very nicely written and in detail. You might want to add:  You go in AdminPanel -> Display -> Templates-> General.


My only issue is that you did not post a screenshot to show the readers, what the results will be when they are done with your tutorial, like this.



Otherwise nicely written.

BlackScorpion
Tutor

Reputation : 27
Points : 9454
Posts : 189

View user profile

Back to top Go down

View previous topic View next topic Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum