Coding-Spot

You are not connected. Please login or register

 
 

Small Image Under Avatar (Like Mostone)?

Message (Page 1 of 1)


 
Advance Member

Posted on Sun May 26, 2013 11:44 am

 
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 :)



View user profile



 
Administrator
Administrator

Posted on Sun May 26, 2013 11:46 am

 
Hello!

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

Check the #9 post. Happy



View user profile http://coding-spot.darkbb.com



 
Advance Member

Posted on Sun May 26, 2013 11:48 am

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

Thanks For Reply :)



View user profile



 
Administrator
Administrator

Posted on Sun May 26, 2013 11:54 am

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


});



View user profile http://coding-spot.darkbb.com



 
Advance Member

Posted on Sun May 26, 2013 12:06 pm

 
Not Work Sir Mark :(


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



View user profile



 
Administrator
Administrator

Posted on Sun May 26, 2013 12:26 pm

 
Check it now. Fixed via PM Smile.



View user profile http://coding-spot.darkbb.com



 
Advance Member

Posted on Sun May 26, 2013 12:28 pm

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

EDIT: Oh Found Some Question Again

SCREENSHOT:



Last edited by refresh101 on Sun May 26, 2013 12:33 pm; edited 1 time in total



View user profile



 
Administrator
Administrator

Posted on Sun May 26, 2013 12:32 pm

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



View user profile http://coding-spot.darkbb.com



 
Advance Member

Posted on Sun May 26, 2013 12:39 pm

 
Oh Found Some Question Again

SCREENSHOT:



View user profile



 
Administrator
Administrator

Posted on Sun May 26, 2013 12:43 pm

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



View user profile http://coding-spot.darkbb.com



 
Advance Member

Posted on Sun May 26, 2013 12:47 pm

 
Hell Yeah Thanks Mr.Mark :)



View user profile



 
Administrator
Administrator

Posted on Sun May 26, 2013 12:47 pm

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



View user profile http://coding-spot.darkbb.com


#13

Sponsored content


 

Posted Today at 11:49 am

 





Message (Page 1 of 1)

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

In total there is 0 user online :: 0 Registered, 0 Hidden and 0 Guests

Users browsing this forum: None