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.

Unbox profile field

View previous topic View next topic Go down

Solved Unbox profile field

Post by tommycoo on Wed Jun 12 2013, 02:56

can someone explain to me how to do like this in punbb ? http://help.forumotion.com/t123298p30-how-to-add-small-image-under-avatar-photo

tommycoo
Forumember

Male Posts : 615
Reputation : 9
Language : Indonesia

http://www.atlanta.forumid.net

Back to top Go down

Solved Re: Unbox profile field

Post by Richard. on Wed Jun 12 2013, 05:03

may i see your viewtopic_body?

Richard.
Forumember

Male Posts : 248
Reputation : 12
Language : English,Romanian
Location : Durham, NC - USA.

http://forum.phpbbonline.com/

Back to top Go down

Solved Re: Unbox profile field

Post by E-Mark on Wed Jun 12 2013, 08:36

First, add the Javascript given by Ultron's_Vision:
Code:
jQuery(document).ready(function(){ 

jQuery('.profile_field').each(function(){
    var color = jQuery(this).find('.label span').css('color');
    if (color != 'rgb(164, 164, 166)' ){
      jQuery(this).addClass('filtered_profile_field');
}
});


});

Now, go to your viewtopic_body and find this part:
Code:
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}

Now replace it with this one:
Code:
<span class="profile_field"><span class="fieldddd">{postrow.displayed.profile_field.LABEL}</span> {postrow.displayed.profile_field.CONTENT}  {postrow.displayed.profile_field.SEPARATOR}</span>

Now, add this to your CSS:
Code:
    .filtered_profile_field {
    border-top: 1px solid #000000;
      border-left: 1px solid #000000;
      border-right: 2px solid #000000;
      border-bottom: 2px solid #000000;
      height:1%;
    background: #0f0f0f;
    display:block;
      margin-left: 5px;
      padding-left: 3px;
    valign:middle;
      margin-bottom: 2px;
      padding-bottom:2px;
      padding-top:2px;
      padding:auto !important;
      overflow:hidden;
      color: #2CAB58;
   
    }
        .filtered_profile_field {
            margin-left: 6px !important;
                  }
    .filtered_profile_field {
    width: 200px;
    height: 25px !important;
    padding-left: 3px;
    }

Now on the profile (ACP > User and Groups > Profile), find any profiles, click the Edit button.
Edit it's name color and set it to #A4A4A6 since the color rgb on javascript is set to 164 164 166, then save.

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Unbox profile field

Post by tommycoo on Sun Jun 16 2013, 17:09

thanks Wink
solved it now Very Happy

tommycoo
Forumember

Male Posts : 615
Reputation : 9
Language : Indonesia

http://www.atlanta.forumid.net

Back to top Go down

Solved Re: Unbox profile field

Post by Base on Sun Jun 16 2013, 17:27

Topic marked as solved and archived.

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

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