The Original Hover Mini-Profile with colors & staff!

[(( Aurora !!]

Thank you for your help Leif. I hope you can get some rest soon.

1) Okay . I just wanted to check before playing with things too much because some people get attached to their codes and do not like them played around with too much.

2) That worked perfectly, thank you.

3) That also worked perfectly too, thank you again. It was late for me last night so I suppose I probably could have found the answer myself if I looked around the support site. I am glad that you understood what I meant and knew of a fix for it though .

Dec 18, 2013 17:03:34 GMT -8 leif said:

Also Aurora, I was wrong. No If needed for gender at all. Just use $[user.gender.text] and you'll be fine. If it's not filled in it'd leave a blank box instead of closing the entire profile prematurely which could happen with the tidbit you're using.

Okay, I was just trying to make the box disappear if there was nothing in it instead of having the blank box. It was appearing to work with what I have. But I also have nothing after it currently so never noticed if it then screws anything else up. I will just keep the blank boxes just to be sure not to end the profile prematurely.

Thank you again for all your help. Currently I am just working on a test site to play around with things but I will share a link with you either to the test site or to the site once it gets started (which at this stage is not until the end of January).

[leif]

(( Aurora !! I'm glad it's looking good. Yeah, for #3 an easy way is just to get rid of the border. But, some people make their widths so tiny for the overall size like there are some designers that use 1024 (tiny netbooks) that don't look very good on the standard 1440. So, when they set it up like that, it forces signature size to be under what has become the RP standard of 500x200+. So, I figured the easiest way to do it... Move the signature to be centered under the post/miniprofile. Provides a lot more room. ^_^ You can also force signatures to automatically center if you'd like too. Here's an example what it looks like with a filled out profile + post template + large signature: i.imgur.com/RP4sZiX.png (excuse the bad math probably typed it up when I was tired hahaha).

I did notice a lot of people are really picky about their work being used or modified and shouting MINE! I personally have a philosophy for my work. If I release the code out to the public, I'm okay with it being edited. If I am not okay? I won't release it.

I did get some sleep finally! It's now 5 30 am and I'm eating a chiptole vegetarian bowl!

[(( Aurora !!]

I would be one of those people who use a tiny screen (1280x800px so a little larger than your example), which may throw things out on a larger screen. The theme I am working on is set to 1150px width (there is a side table and the forums) so I am hoping that it does not leave too large of a gap on either side and translates to the larger screen well. At least with the signature under it allows for wider banners or at least the standard 500 sized width will fit well . I agree, it does provide a lot more room. You can force signatures to be centered? That is handy since not everyone uses the center tags.

I like your philosophy for your codes/work .

And I am glad you finally got some sleep!


You can preview what I have so far here (this link will only work temporarily). I ended up keeping the history and plotter links where they are as I remembered how to make the links smaller. Their positions are slightly off though. Guests cannot see the genders so you will see a blank box for them.

[leif]

Background positioning works awesomely. It's really nice to have it work for all kinds of styles if you do a design in the background really. I'm sure you'd do great. 1150px would look great actually! Your test site is looking awesome right now too. It's fairly simple to add more hover overs like the relationship ones if you want them.

Yup, you can. ^_^

.signature { text-align: center; }


That in the master css will do the trick.

[(( Aurora !!]

I at least try, and I am glad you think that 1150px would look good and that you like what the test site looks like currently . That is a good idea to add in more hover overs, I am not sure if I need them but it is something to think about .

Thank you for that, I have now fixed that up in the css .

For some reason the border for the admin background colour does not show up. It is meant to be purple like the usernames but it is staying the default colour. This is what I have for that section, can you see anything wrong with it?

.firemini { width:200px; height:400px; opacity:0; -webkit-transition-duration: 1s; transition-duration: 1s; -moz-transition-duration: 1s; }
.firemini:hover { width:200px; height:400px; opacity: 1; background-color:#DCDCDC; }
.fireminiinside { width:200px; margin:auto; text-align:center; }
.leifbox { width: 80px; overflow:hidden; float:left; z-index:1; }
div.firemini { background-color: #DCDCDC; }
div.mpav { overflow: hidden;padding:0px;width:150px;max-height:200px;border:5px solid #2D242D;margin:auto; }
div.leifbox { background-color: #2D242D; color: #F8F8F8; text-align:center; }
/* Admin Mini-Profile */
div.admin div.firemini { background-color: #DCDCDC; }
div.admin div.mpav { overflow: hidden;padding:0px;width:150px;max-height:200px;border:5px solid #2D242D;margin:auto; }
div.admin div.leifbox { background-color: #2D242D; color: #F8F8F8; text-align:center; }
div.admin div.mini-profile { border-color: #9871DD; }

[leif]

It looks like in your Templates > Mini-Profile admin is blank? Can you check the top few lines of that?

[(( Aurora !!]

Haha I just found the problem. It had this:

<!-- Mini-Profile by Leif -->
<div class="{foreach $[user.mini_custom_field]}
{if $[user.mini_custom_field.name] == "Background Group"}
{if $[user.mini_custom_field.valu] == "Admin"}
admin

Adding the e at the end of value fixed the issue . I have no idea how the e disappeared, clearly I deleted it at some point without realising it.

[leif]

There it is! I've actually experienced that too. Sometimes the ProBoards editor deletes, cursor jumps around, etc. It's better now, but it does have flukes now/then. Nice spot! I assumed it was around that line.

Update:

A new addon called Custom Field Modifier was released that is amazing. Descriptions work beautifully with Custom Profiles & this code!

[(( Aurora !!]

It is easy to do, true.
Thank you for all your help .

That really is a great plugin, I already found it and am planning on using it. It makes things a lot easier to be about to describe what each section is.

[slave2midna]

Okay the genders, you're absolutely right. IT slipped my mind. I talked a bit about it in the support and templates board. Ifs within ifs are really iffy with ProBoards. They should work, but they do not and aren't supported right now. Okay so slave2midna the if within if can be fixed I beleive. YOu want it to be the fourth box right?
<div class="leifbox" style="height:20px;text-align:center;margin-top:7px;margin-right:10px;margin-left:10px;line-height:20px;">
       {foreach $[user.mini_custom_field]}{if $[user.mini_custom_field.name] == "Player Name"}$[user.mini_custom_field.value]{/if}{/foreach}

</div>

That's the default for the fourth box. Okay let's rewrite that... Try this:
<div class="leifbox" style="height:20px;text-align:center;margin-top:7px;margin-right:10px;margin-left:10px;line-height:20px;">
      $[user.gender.text]

</div>

To anyone using this code please share the links with me! I'll be happy to add them to the previews. I'm a huge fan of cusotmization! I love to see what people can do. Also don't kill me becuse I canot type right now, i javen't slept in about 40 hours had a stroke last night and it threw me off completely.

Didn't work. It looked promising, because it is that 4th box that I wanted. But for some strange reason Gender doesn't show up in the box. The box is always there, and its perfectly aligned, it's just...empty. It's so wierd, BUT - I REFUSE to allow you to carry on beating a dead horse. This code is marvelous the way it is, and I don't want you to wrack your brain over it. Adding a customer mini-profile field for Gender is HARDLY an issue.

Also: Devil Hearts RPG - Linkeh! || This is where I'm using it.

[leif]

slave2midna

Can you PM me the modifications you made so I can play with it on my test board?

Also it might take me a bit. Nephew will be here shortly

Edit: I do see genders listed:

[slave2midna]

Dec 24, 2013 14:00:13 GMT -8 leif said:

slave2midna

Can you PM me the modifications you made so I can play with it on my test board?

Also it might take me a bit. Nephew will be here shortly

Edit: I do see genders listed:

I'll PM you what the code looks like. Gender is listed because I created a Mini-profile option that adds Gender. This means that when a person edits their profile, they will have the Proboards Gender selection AND and additional Gender section to type out their gender. The typed out one works fine because it's a mini-profile option. If i switch the Mini-profile option "Gender" to use the Proboards default gender field - it is a blank box. this is my work around in the mean time.

[leif]

The above what I said seems to work correctly on my test board.

PMing you back

[Moolatte]

we are using your lovely mini profile on here minus the house images. Thank you for sharing this beauty! We credited you.

[Denvie]

I put your code in and everything works brilliantly =) It's really absolutely beautiful and worth the extra time setting it up, definitely ~

But I have two questions for you. I noticed that on another skin (Love Struck by Alisha) utilizing a different code for the mini profile modification, she was able to make a box for the status. Now, I'm pretty convinced I want one of the four fields to be the status, namely the first box under the avatar.

The first thing I figured out was, you can modify the width. There's a modified line for the MP3 bit. So I took the dimensions of that (180 px) and plugged it into the top line. This, of course, leaves the second line dropped down and off to the right creating empty space for the first line to fit. But this isn't a problem, because I have a second long line of text that might just as well go beneath the status. Besides, there's margin right vs margin left in the code. Which means I know if I edit that line, I can move it into the spot of the first box. Anyway, I added the width to the second line as well rather than adding a new box and then, by the same logic that makes the gender field appear, I took the code from the original mini-profile:

{if $[user.personal_text.message]}
$[user.personal_text]<br />
{/if}

And placed it in the first field. My edited code looks like this:

<div class="leifbox" style="float:left;height:20px;text-align:center;width:180px;margin-top:7px;margin-right:10px;margin-left:10px;line-height:20px;">
<div class="leifbox" style="height:20px;text-align:center;margin-top:7px;margin-right:10px;margin-left:10px;line-height:20px;">$[user.personal_text]        
</div>
</div>
I'm happy with this =) The other boxes are unaltered, aside from the name of the custom boxes. Except, though the text for status/personal messages appears, it seems to be in a different font than the rest of the custom boxes which is not ideal. It isn't centered horizontally or vertically in the box, the text is smaller, it appears to cut a bit off at the bottom, and it's a different color. So I thought I'd ask, is there a better way to do it?

And, one other question. Originally some of my color choices for the background groups made it hard to read the link color. I like the link color throughout the board, though. Can I change the plotter/biography link colors on an individual group basis?