Mini Profile Template Code Adjustment....

[Mands]

Hi there

If I were to copy and paste the current mini profile template code I have in place that gives me the boxed/centered look for the mini profile, will add on an image to show you what I mean, would someone be able to tell me what to change on the code to make the box take the avatar at the 150x150px size instead?

I quite like the avatars on the support site at that size but admit when I first changed over, I really missed my boxed and centered mini profile layout form the old V4.  So Shorty worked on a template change for me. I have 60 plus themes, so it will take some time to fix them all, but I'd happily do it one night if it meant I could get my avatars to 150x150. I tried it you see and with the current code in place it definitely cuts it off at the right hand side.

I was thinking in just re-setting them all to default - but I really do like everything being boxed and centered - it's my OCD issues that cause that, although I don't mind the mini profile on here somehow.  But anyway would it be possible for someone to tell me what I'd need to change if I posted the code please? And if it was even possible to change the size at all to implement the 150x150 avatar size? Thanks.

[Stinky666]

Mands, you could most certainly give it a go. =D

[Mands]

Thanks Stinky666

Well here is the code that Shorty gave me

<div class="$[miniprofile_class]" style="border: 2px inset #797979; border-radius:0px;width: 75%;margin:5px;margin-left:10px;">
<table width="97%" align="center" class="mptable">
<tr>
<td class="mptd mptitle">
{if $[user.is_guest]}
Guest
{else}
$[user]
{/if}
</td>
</tr>
<tr>
<td class="mptd mpcontent">
{if $[user.group]}
$[user.group.name]<br />$[user.group.stars]
{elseif $[user.rank]}
$[user.rank.name]<br />
{if $[user.rank.stars]}
$[user.rank.stars]
{/if}
{/if}
{if $[user.custom_title]}
<br />$[user.custom_title]
{/if}
</td>
</tr>
</table>
{if $[user.avatar]}
<br /><div class="avatar">$[user.avatar]</div><br />
{/if}
{if $[user.personal_text]}
<table width="97%" align="center" class="mptable">
<tr>
<td class="mptd mptitle">
Personal Text
</td>
</tr>
<tr>
<td class="mptd mpcontent">
$[user.personal_text]
</td>
</tr>
</table><br />
{/if}
<table width="97%" align="center" class="mptable">
<tr>
<td class="mptd mptitle" colspan="2">
Member Info
</td>
</tr>
<tr>
<td class="mptd mpinfo">
Status:
</td>
<td class="mptd mpinfo">
{if $[user.is_online]}Online{else}Offline{/if}
</td>
</tr>

{if $[user.gender]}
<tr>
<td class="mptd mpinfo">
Gender:
</td>
<td class="mptd mpinfo">
{if $[user.gender.text] == "Male"}Male <img src="http://i.imgur.com/p6d5zFF.png" alt="Male" />{else}Female <img src="http://i.imgur.com/vsBmYHA.png" alt="Female" />{/if}
</td>
</tr>
{/if}
<tr>
<td class="mptd mpinfo">
Posts:
</td>
<td class="mptd mpinfo">
$[user.posts]
</td>
</tr>
</table>
</div>

The code above makes my mini profile look like this:-



At the moment it can only take an avatar at 100x100 size. But as I say, if there was something in the above code thta could be changed to accept the avatar at 150x150 without cutting it off at the right hand side, that would be great, thanks.

[Mands]

If no adjustments can be made to the above, it's totally fine - I will maybe just revert back to default, which was the other topic you replied to earlier for me.  

[Stinky666]

Mar 30, 2013 16:14:16 GMT -8 Mands said:

If no adjustments can be made to the above, it's totally fine - I will maybe just revert back to default, which was the other topic you replied to earlier for me.  

Does this also have some CSS with it in your Style Sheet?

Edit:
If you go to line 972, you should see:
.posts .post .left-panel { width: 172px; vertical-align: top; }

I just added 25px onto the 172px, and it looks ok for me now.

So this:
.posts .post .left-panel { width: 197px; vertical-align: top; }


Just adjust that 197 to whatever you need if it still cuts any off etc

[Mands]

There is something in the style sheet for it, I totally forgot about that!! Do I need to change something in it then?  


I have this on the style sheet that goes with that previous code:-

/*Begin MiniProfile CSS*/
td.left-panel {
text-align: center;
}
.mpinfo, .mptitle, .mpcontent, .mp {
border: 1px solid #fff;
}
.mptitle {
background-color: @title_bar_background_color;
color: @title_text_color;
}
.mpinfo, .mpcontent {
background-color: posts_odd_background_color;
}
.mpinfo {
width: 50%;
}
/*End MiniProfile CSS*/

[Stinky666]

Try my original idea first, see if that works. If not I will try it again with the CSS too

[Mands]

Okay then thanks.  

That line you told me though - if it's this one? 


.posts .post .left-panel { width: 172px; vertical-align: top; }

Is number 966 on mine - that the one that should get changed? It looks like it. LOL

[Stinky666]

That's the correct one.
I created a brand new theme, so since your theme was created, PB have added new stuff to the CSS.

[Mands]

Okay then. Now my next question {you'll kill me} I have a plugin for a mini profile background picture - which gives each of my 60 plus characters a unique background picture of their own that runs down each post that they make. Basically it's a picture of the face claim used. When I found out that the mini profile area was going to be 172px in width when it was around 150px before, I made all my mini profile background pictures 172px - but that line is 172px - so if I'm changing that to implement the 150x150 avatar size... does that mean that I need to make all my images for that area to the size I need to change that to?! 

[Stinky666]

Mar 30, 2013 18:07:26 GMT -8 Mands said:

Okay then. Now my next question {you'll kill me} I have a plugin for a mini profile background picture - which gives each of my 60 plus characters a unique background picture of their own that runs down each post that they make. Basically it's a picture of the face claim used. When I found out that the mini profile area was going to be 172px in width when it was around 150px before, I made all my mini profile background pictures 172px - but that line is 172px - so if I'm changing that to implement the 150x150 avatar size... does that mean that I need to make all my images for that area to the size I need to change that to?! 

My guess would be yes, since you have extended the area.
Edit:
You could make the changes on one theme, and have a look to see if this will be the case, and then decide what to do from there.

[Mands]

That's what I thought. LOL 
I was only going to do it to my "admin" theme anyway just to see how it turned out etc., I will then have to see what I am going to prefer... having it staying the way I like and remaking all my images to suit the new size - or turn everything in that area back to default and having the mini profile area look like it does on here and keep my current images the size they are in that area. Thanks for the guidance on how to implement the change to the current code I have - I will have a play about and see what way I am going to go. I appreciate your time and help.

[Stinky666]

I think the easiest thing for you to actually do, would be to make people use avatars smaller than 150px. That would be the least painful thing to do. Of course, it's up to you

[Mands]

I get that. But I don't have members on my site. I'm the only one that has all my characters, I'm sure I said that before LOL but maybe it wasn't to you.  I'm the one that would like the bigger avatars... so I'm only causing the grief for myself. LOL  

[Mands]

And you know, the more I look at the mini profile area on the support site, the better it looks anyway... OMG I'm my own worst enemy! LMAO!