[Template] Centered/Boxed Mini Profile

[Mands]

The much loved V4 centered/boxed mini profile
Screenshot of V4 version


Screenshot of V5 version


As you can see, clearly not much difference between them. Now what you need to do is the following:-

Admin Panel > Themes > Colours & Styles > Style Sheet Tab and add the following to the bottom of the style sheet

/*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*/



Now save that and go to


Themes > Layout Templates > Mini Profile

Replace the code already in place with the following:-

<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://i47.tinypic.com/24x4f47.jpg" alt="Male" />{else}Female <img src="http://i50.tinypic.com/x3e1zo.jpg" alt="Female" />{/if}
</td>
</tr>
{/if}
<tr>
<td class="mptd mpinfo">
Posts:
</td>
<td class="mptd mpinfo">
$[user.posts]
</td>
</tr>
</table>
</div>

Unfortunately the above code has to be added to ALL themes.
As far as I can tell the code you add to the style sheet doesn't have to be added to each theme. At least it didn't appear to be required in each theme for mine. But maybe just check it to be sure.

Credit goes to Shorty for this code. I am just posting it for others to use.

[mnhub]

thank you Mands for sharing this with us all, i like your profile ideas.. and thank you shortyverrett94 for doing the coding for this. i am sure a few others besides myself will use it.

[Mands]

You're welcome. The only bit of information it doesn't have, is the "joined" date. It did have it, but I took it out as for some reason the dates were being majorly messed up and looking really bad. At least for me. I am sure if you wanted it added, you could message shortyverrett94 for the bit that you need to add.

[keurium]

Hi! Thanks for the code - I really missed the mini profile from v4.

Just a quick thing though, the member group (Administrator, etc) text and the default stars aren't centering for me.

Never mind, I figured it out. Thanks again!

[Mands]

You're welcome, glad you were able to figure it out, as it may have taken me a while to remember how to fix that, as my mind went blank as I read your question. LOL! 

[?adwoman?]

Mar 29, 2013 18:46:00 GMT -8 Mands said:

You're welcome, glad you were able to figure it out, as it may have taken me a while to remember how to fix that, as my mind went blank as I read your question. LOL! 

Can you center the text i50.tinypic.com/2vkzxx0.jpg
Thank

[Mands]

I didn't create this code, it was Shorty - I just posted it so that other people could hopefully use it. So I'm not sure how to fix that. But if I remember correctly you have to have the CSS in place at the bottom of you style sheet for the Mini Profile. That's the first thing I put down for it. If it's still not centered, then from memory, I think you have to go to the 

Themes > Styles & CSS > Visual Editor and scroll to mini profiles - and make sure the text is set to align center in the appropriate field. You would have to do that with ALL themes though. 

See screenshot

[?adwoman?]

Apr 2, 2013 11:43:56 GMT -8 Mands said:

I didn't create this code, it was Shorty - I just posted it so that other people could hopefully use it. So I'm not sure how to fix that. But if I remember correctly you have to have the CSS in place at the bottom of you style sheet for the Mini Profile. That's the first thing I put down for it. If it's still not centered, then from memory, I think you have to go to the 

Themes > Styles & CSS > Visual Editor and scroll to mini profiles - and make sure the text is set to align center in the appropriate field. You would have to do that with ALL themes though. 

See screenshot

thank

[Sunny]

I understand that you didn't write the code, but I'm having some issues with it. In fact nothing shows up: folksongs.freemessageboards.com/thread/200/contest-new-map

Should I contact the code writer or just wait here?

[Mands]

Did you remember to add in the section to the bottom of the style sheet as well? If you did and it's still not working, then please contact the code creator, as I don't know anything about codes, sorry. 

[Sunny]

Thanks, I will

[Mands]

Funny thing is, he worked on it especially as I asked him to - for me really - and now I'm not even using it myself. I have gone back to default. I just realised that I preferred the default look. It could be that they have put a push through and certain elements of the code is no longer working due to that. But the code developer will be able to help you if that's the case.  

[Sunny]

I just sent them a PM ^^