The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How to customize profile fields in topic messages?

View previous topic View next topic Go down

Solved How to customize profile fields in topic messages?

Post by Moku on June 27th 2015, 12:23 am

Technical Details


Forum version : #phpBB2
Position : Founder
Concerned browser(s) : Google Chrome
Screenshot of problem : http://prntscr.com/7lrg1i
Who the problem concerns : All members
Forum link : http://hcadforum.forumotion.com

Description of problem

How do I customize the profile fields in topic messages? I'd like to add a border, bg color etc.


Last edited by Moku on July 10th 2015, 9:19 am; edited 1 time in total

Moku
New Member

Female Posts : 18
Reputation : 2
Language : English
Location : United Kingdom

http://hcadforum.forumotion.com

Back to top Go down

Solved Re: How to customize profile fields in topic messages?

Post by APE on June 27th 2015, 1:42 am






APE
Manager
Manager

Male Posts : 8648
Reputation : 762
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: How to customize profile fields in topic messages?

Post by Moku on July 10th 2015, 9:18 am

@APE
Thank you very much! I successfully managed to edit the profile fields.

FOR THOSE WHO HAVE THE SAME PROBLEM AND ARE STILL CONFUSED: (PHPBB2)

Please paste this JS code into your javascript management (Administration Panel > Modules > HTML & JavaScript > Javascript codes management > Create a new javascript).
Name: profilfielddd
Placement: In all the pages

Code:
$(function(){
$('.profilfielddd').next('br').hide();
$('.profilfielddd').prev('br').hide();
});

Then access viewtopic_body in Templates (Administration Panel > Display > Templates > General > viewtopic_body) and replace this section:

Code:
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->

with this code:

Code:
   <!-- BEGIN profile_field -->
                                <div class="profilfielddd">
                                  {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}</div>{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->

and finally add this to your CSS (Administration Panel > Display > Pictures and Colors > Colors> CSS Stylesheet) and edit the css according to your liking Very Happy

Code:
.profilfielddd {
color:#333;
background:#EEE;
border:1px solid #888;
margin:2px 0;
padding:3px 3px 3px 10px;
}

Hope that helped!

Moku
New Member

Female Posts : 18
Reputation : 2
Language : English
Location : United Kingdom

http://hcadforum.forumotion.com

Back to top Go down

Solved Re: How to customize profile fields in topic messages?

Post by SLGray on July 10th 2015, 8:39 pm

Thanks for posting the solution.

Topic solved and archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36747
Reputation : 2449
Language : English
Location : United States

http://ztwds.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