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.
Share
View previous topicGo downView next topic
avatar
Tutor
Posts : 57
Points : 2161
Reputation : 14
View user profilehttp://admins.forumotion.com

Edge over profile details in posts

on Fri Nov 15, 2013 8:40 am
Message reputation : 100% (2 votes)
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)
avatar
Administrator
Posts : 3837
Points : 1686
Reputation : 304
View user profilehttps://fmthemes.forumotion.com

Re: Edge over profile details in posts

on Fri Nov 15, 2013 11:49 am
Message reputation : 100% (1 vote)

Tutorial Accepted
avatar
Member
Posts : 2
Points : 3
Reputation : 0
View user profile

Re: Edge over profile details in posts

on Sat Jul 09, 2016 5:41 pm
nice work
🍎
avatar
Tutor
Posts : 189
Points : 9454
Reputation : 27
View user profile

Re: Edge over profile details in posts

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.
View previous topicBack to topView next topic
Permissions in this forum:
You cannot reply to topics in this forum