Build Your Own Mini-Profile

[sissorelle]

For preview w/ Tables #1 I was wondering what I have to change in the code to make the name appear where it says: UserInformation?

[Ross]

<td style="width: 100%; text-align: center; padding: 3px;" class="titlebg">
<b>
User Profile
</b>
</td>

Would need to be changed to

<td style="width: 100%; text-align: center; padding: 3px;" class="titlebg">
<b id="user_name" name="user_name">##value</b>
</td>

And then you'd just get rid of the other name by removing

<span id="user_name" name="user_name">##value</span>
<br />

[Windsor]

Hi everyone,

First post here and I have some questions, but first I'd like to complement Ross for putting together such a fine code. It made things pretty easy for a halfwit amateur coder like myself.

I'll post some pics to make this easy to understand.

Pic 1 (From old SL board)



Pic 2 (New PB board)



I'm looking to do 3 things

1) I would like to get the mini-profile in pic 2 to be the same format as pic 1 from the stars up. My problem is the stars move with the Administrator text. Any way to separate the two?

2) I would like to get my online and offline gifs between "Status:" and the "online/offline" text if possible. If it has to be after the the online/offline text, I could deal with it.

3) I would like to get the "O" in "online/offline" capitalized.

Thanks in advance for your help.


Best regards,

Windsor

[Ross]

Any chance you can post your layout so far? I should be able to make the admendments you need

Oh, and would you object to others being able to use that layout (ie, it being listed with the other demo ones) so long as full credit is given to you? As it does look cool B-)

[Windsor]

Hi Ross,

I have no problem with you listing it as a demo here or reposting it.

Credit: Windsor malwaremedic.proboards99.com

Thanks


Best regards,

Windsor

<!-- ******** MINI_PROFILE ******** -->
<style type="text/css">
<!--
.mini_profile { padding: 0px; }
.mini_profile .titlebg { background-image: url(http://img.photobucket.com/albums/v609/Windsor351/MalwareMedic/Gradient/cat_split_bottom.gif); }
//-->
</style>
<span id="mini_profile_member" style="display: none; margin-top: 10px;">
<table class="bordercolor" width="96%" align="center" cellspacing="1" cellpadding="1">
<tr>
<td class="titlebg" align="center" width="100%" height="20">
<b>
Profile
</b>
</td>
</tr>
<tr>
<td class="windowbg">
<b><font size=2><center>
<span id="user_name" name="user_name">##value</span></font><br>
<span id="rank" name="rank">##value</span><br>
<span id="custom_title" name="custom_title">##value</b><br /></span>
<span id="avatar" name="avatar">##value</span>
<span id="personal_text" name="personal_text">##value<br /></span></center>
</td></tr><tr>
<td class="titlebg" align="center" width="100%" height="20">
<b>Status: <span id="status" name="status">##value<br /></b></span>
</td></tr><tr>
<td class="windowbg" align="left">
<span id="joined" name="joined">Joined: ##value<br /></span>
</td></tr><tr>
<td class="windowbg" align="left">
<span id="gender" name="gender">Gender: ##value<br /></span>
</td></tr><tr>
<td class="windowbg" align="left">
<span id="posts" name="posts">Posts: ##value<br /></span>
</td></tr><tr>
<td class="windowbg" align="left">
<span id="location" name="location">Location: ##value<br /></span>
</td></tr><tr>
<span id="karma" name="karma">Reputation: ##value<br /></span>
<span id="karma_links" name="karma_links">##value<br /></span>
<td class="windowbg" align="left">
<span id="OS" name="OS">OS: ##value<br /></span>
</td></tr><tr>
<td class="windowbg" align="left">
<span id="browser" name="browser">Browser: ##value<br /></span>
</td></tr><tr>
<td class="titlebg" align="center" width="100%" height="20">
<b>Contact Information</b>
</td></tr><tr>
<td class="windowbg" align="center" cellspacing="2" cellpadding="2">
<span id="contact_icons" name="contact_icons">##value</span>
</td></tr><tr>
<td style="height: 20px;" class="titlebg">
</td></tr></table><br>
</span>
<span id="mini_profile_guest" style="display: none; margin-top: 10px;">
<table class="bordercolor" width="96%" align="center" cellspacing="1" cellpadding="2">
<tr>
<td class="titlebg" align="center" width="100%" height="20">
<b>
Guest Profile
</b>
</td>
</tr>
<tr>
<td align="center">
<span id="guest_name" name="guest_name">##value</span>
<br />
<b>Guest</b>
</td>
</tr>
</table>
</span>

[Cojirou]

This works great! The only problem I have with it is that the personal text isn't displaying in the right place. (Next to the contact icons instead of where I've put it) Is it a code conflict or a problem with the code itself?

And does anyone know if it works with CrossFury?

[Windsor]

I've seen that problem with the personal text before, but it was only when I tried using bold for the personal text.

Yes, this works with Cross Fury. My "OS" and "Browser" codes (second picture above) were made with CF.

<span id="OS" name="OS">OS: ##value<br /></span>
</td></tr><tr>
<td class="windowbg" align="left">
<span id="browser" name="browser">Browser: ##value<br /></span>

setMpValue('user_name', username);
setMpValue('rank', rank);
setMpValue('custom_title', customtitle);
setMpValue('status', status);
setMpValue('avatar', avatar);
setMpValue('personal_text', personaltext);
setMpValue('contact_icons', contacticons);
setMpValue('joined', joined);
setMpValue('posts', posts);
setMpValue('location', user_location);
setMpValue('gender', gender);
setMpValue('karma', karma);
setMpValue('karma_links', karmalinks);
setMpValue('browser', browser); <----
setMpValue('OS', OS); <----

Windsor

[~*Bloody Angel*~]

I got a screenshot for the Advanced Tablular Layout #2

i190.photobucket.com/albums/z177/Bloody_Werewolf/untitled-1.jpg

Another thing is, is there a way to move the personal text below the avatar and the name, rank and star above the avatar? I'm not all that good with HTML, so I would need help on this

i190.photobucket.com/albums/z177/Bloody_Werewolf/untitled1.jpg