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.
Latest topics
» This or That
by brandon_g Yesterday at 10:30 am

» Count to 2000
by brandon_g Yesterday at 10:25 am

» Easter Themes
by SLGray Thu Feb 23, 2017 12:33 pm

» Easter Themes
by SLGray Thu Feb 23, 2017 12:32 pm

» Easter Themes
by SLGray Thu Feb 23, 2017 12:31 pm

Edge over profile details in posts

View previous topic View next topic Go down

Zyon
Tutor
Reputation : 14
Points : 2161
Posts : 57
View user profile http://admins.forumotion.com

PostZyon 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)
SLGray
Administrator
Reputation : 297
Points : 1666
Posts : 3790
View user profile http://fmthemes.forumotion.com

PostSLGray on Fri Nov 15, 2013 11:49 am


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

PostMichael_vx on Sat Jul 09, 2016 5:41 pm

nice work
🍎
BlackScorpion
Tutor
Reputation : 27
Points : 9454
Posts : 189
View user profile

PostBlackScorpion 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 topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

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