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.

Bordered profile fields

View previous topic View next topic Go down

Solved Bordered profile fields

Post by zola jesus on February 24th 2013, 8:32 pm

How can I make profile fields like this


zola jesus
New Member

Posts : 18
Reputation : 1
Language : polish / english

Back to top Go down

Solved Re: Bordered profile fields

Post by Sir Chivas™ on February 24th 2013, 8:37 pm

Can you please provide the URL of the forum where you saw this?



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Bordered profile fields

Post by zola jesus on February 24th 2013, 8:38 pm


zola jesus
New Member

Posts : 18
Reputation : 1
Language : polish / english

Back to top Go down

Solved Re: Bordered profile fields

Post by Sir Chivas™ on February 24th 2013, 8:47 pm

The forum doesn't seem to be Foroumotion. Although, there's something similar. Try the following:

Forum Version: punBB or phpBB2

AP >> Display >>Templates >> Viewtopic_body template and find this part:
Code:
{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}

Replace it with:
Code:
<div class=novo>{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}</div>

Save and publish template on the green cross.

Then, AP >> Display >> Colors >> CSS and add this:
Code:

.novo {
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;
 }

Then, AP >> Modules >> JS managment; Add this and mark in topics.
[code]

Code creator: Nera.
Tutorial from: http://www.fmcodes.com

Demo:

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Bordered profile fields

Post by zola jesus on February 24th 2013, 8:53 pm

What should I add in JS managment?

zola jesus
New Member

Posts : 18
Reputation : 1
Language : polish / english

Back to top Go down

Solved Re: Bordered profile fields

Post by Sir Chivas™ on February 24th 2013, 8:57 pm

Sorry,

I thought I had placed it.
Code:
$(function(){
$('.novo').next('br').hide();
});



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Bordered profile fields

Post by zola jesus on February 24th 2013, 9:05 pm

Topic solved, thanks.

zola jesus
New Member

Posts : 18
Reputation : 1
Language : polish / english

Back to top Go down

Solved Re: Bordered profile fields

Post by SLGray on February 24th 2013, 9:08 pm

Topic Solved & Locked


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


SLGray
Administrator
Administrator

Male Posts : 36697
Reputation : 2445
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