Hello How Do I Make Like MoStone The Warning Bar? Will Not Be Included In The Profile Fields?

Here Is Mostone's Question! ( I want Mine But Cant Understand Because He Got PHPBB2 Version)


Hi All :
I want to ask ::

how to add small image, under avatar photo?

more details you can see this picture



Source:
http://www.duelacademy.net/t6669p615-duel-academy-s-main-shop#250352

My forum:
http://astajim.indonesianforum.net/t2-starter-guide

---------------------
EDIT:
when I made warning bar/ an image,
"picture warning bar/ an image" enter in "sub background data profile"

more details you can see this:

i need like this

how to fix it

Please help me

Thanks before

-----
Yeah I Know This Came From Here:http://help.forumotion.com/t123298-how-to-add-small-image-under-avatar-photo
Also In This FOrum And AvacWeb
But I Dont Really Understand A Single Thing And I Try But Its Not Working Can You Work For Me.

Thanks Before :)

Hello!

I've already answered this question.
Here's the link: https://coding-spot.darkbb.com/t95-how-to-add-small-image-under-avatar-photo

Check the #9 post.

Yeah Try That But Not Work For Me Instead Just Remove The Profile Border :(

Thanks For Reply :)

Make sure you add this on the JS Management (Topics only):

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');
}
});


});

Not Work Sir Mark :(


You Can See This : http://animefans.realbb.net/t9-testingtesting

Check it now. Fixed via PM .

I Got 1 Question How Do I Center The Warning Bar?

EDIT: Oh Found Some Question Again

SCREENSHOT:

Find this part on your viewtopic_body:

Code:

<div class="user">
                    <div class="user-ident">
                      <center><h4 class="username"><div class="offline">{postrow.displayed.ONLINE_IMG}</div> {postrow.displayed.POSTER_NAME}</h4>
                        <div class="user-basic-info">
                          <br />{postrow.displayed.POSTER_AVATAR}<br />
                          {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                        </div></center>
                    </div>
                    <div class="user-info">
                        <!-- BEGIN profile_field -->
<span class="profile_field"><span class="fieldddd">{postrow.displayed.profile_field.LABEL}</span> {postrow.displayed.profile_field.CONTENT}  {postrow.displayed.profile_field.SEPARATOR}</span>
<!-- END profile_field -->
                        {postrow.displayed.POSTER_RPG}
                    </div>

Replace it with this one:

Code:

                  <div class="profileeee"><div class="user">
                    <div class="user-ident">
                      <center><h4 class="username"><div class="offline">{postrow.displayed.ONLINE_IMG}</div> {postrow.displayed.POSTER_NAME}</h4>
                        <div class="user-basic-info">
                          <br />{postrow.displayed.POSTER_AVATAR}<br />
                          {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                        </div></center>
                    </div>
                    <div class="user-info">
                        <!-- BEGIN profile_field -->
<span class="profile_field"><span class="fieldddd">{postrow.displayed.profile_field.LABEL}</span> {postrow.displayed.profile_field.CONTENT}  {postrow.displayed.profile_field.SEPARATOR}</span>
<!-- END profile_field -->
                        {postrow.displayed.POSTER_RPG}
                    </div></div>

Now add this to your CSS:

Code:

.profileeee {
  text-align: center;
}
.profile_field {
  text-align: left;
}

Oh Found Some Question Again

SCREENSHOT:

Find this part on your CSS:

Code:

.filtered_profile_field {
            margin-left: 6px !important;
                  }
    .filtered_profile_field {
    width: 200px;
    height: 25px !important;
    padding-left: 3px;
    }

and replace it with this one:

Code:

.filtered_profile_field {
            margin-left: 4px!important;
                  }
    .filtered_profile_field {
    width: 183px;
    height: 25px !important;
    padding-left: 3px;
    }

Hell Yeah Thanks Mr.Mark :)

Since the problem is now solved i will locked this and move to archive section. ~Locked and Moved