The Original Hover Mini-Profile with colors & staff!

[leif]

Hi. Sorry for taking so long! Not having a good day. Nice distraction you brought up for me. Thanks. ^_^

Nicely done! I personally really don't use status messages on many places. But, you did a pretty good job at it. I'm perfectly fine with modifications. Okay two questions. Why is the div leifbox classified twice? You have one inside of another one. You only should need one:
<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>

Okay and now to force a font size. Simply add this around the personal text: <span style="font-size:10px;">$[user.personal_text]</span>

A simple span should help you with text sizes. . To get the text aligned center/vertically you'd need to possibly force a larger box all together. Vertical-align doesn't work very well anymore as it's been deprecated and v-align: middle; doesn't work, because you have to define a height. Try this?
<div class="leifbox" style="height:40px;text-align:center;vertical-align:middle;margin-top:7px;margin-right:10px;margin-left:10px;"><span style="font-size:10px;">$[user.personal_text]</span>      
</div>

Okay for the coloring you are welcome to change any of the group coloring. I am assuming you already have colored group names? Then add these:
div.ravenclaw a:link { color:#00FF00; }
div.ravenclaw a:visited { color:#006600; }
div.ravenclaw a:hover { color:#FF00FF; }

Let me know how that goes.

Interested in seeing your board.

[Denvie]

I'm sorry to hear that. Hopefully it gets better~

Modifications are time consuming. The code looked beautiful as it was =) I just couldn't think of anything to fit in the first box in place of year that'd apply to all the characters on my forum soo a minor mission began.

Ooh, oops. Well, there are things that happen at three AM, and so long as it works, I don't reconsider these odd things, like typing the command twice. Hey, I closed it twice! XD I don't know what I did. Maybe I just omitted one of my boxes at the time (which has then been replaced) Anyway, I fixed it. Thanks for pointing it out. /so not a coder

I think I know what I did with the color though =) There are the five color values, not four when toying with the houses/custom groups. I went in and changed all the 'color' field from white to an off-white yellow color because one of my member groups uses white which is throwing me off now because it isn't a custom field and it doesn't automatically get changed like the others. By changing the custom group color fields all of it back to white, I'm able to fix the color issue. Annd I don't care if it's yellow or white anyway. Priorities here XD

But the personal text totally ignores my span command. Just like, no reaction. Doesn't even care it's there as far as I can tell. Adding more height to it than the 20px for the rest of the boxes doesn't add any centering at all. It's actually just as high up in the field, with the extra 20px below. It doesn't cut it off anymore though. So it knows it has the extra space.

After realizing I had to go to the CSS to address one problem, I found the personal text lines and edited those instead of relying on a span command =) Which means I found this info for my board on about line 1120:

@mini_personal_text_color: @container_text_color_1;
@mini_personal_text_font: 75% @default_forum_text_font_family;
@mini_personal_text_align: center;
@mini_info_text_color: 75% @container_text_color_1;
@mini_info_text_font: @default_forum_text_font_family;
@mini_info_text_align: left
and changed it to:

@mini_personal_text_color: @container_text_color_1;
@mini_personal_text_font: @default_forum_text_font_family;
@mini_personal_text_align: center;
@mini_info_text_color: @container_text_color_1;
@mini_info_text_font: @default_forum_text_font_family;
@mini_info_text_align: center;
I dunno if I have to change all the lines but I did and it worked. I assume it was overriding the earlier span command. Then I removed the span from the layout template area and it centered itself relying on the other code you gave (all but the height being 40px... and I added 180px in)~! ...more or less. It's still a little high on the top but whatever. It's mostly centered /and/ I'm able to keep it at 20px /and/ people can use it. Total win. Plus, I doubt most people would notice the slightly higher personal text, as opposed to the other boxes. I'd rather that than adding more height (because the box is plenty big, it just has to scooch down there like less than like three pixels, I swear.)

Thanks for you help~! I so wouldn't have figured that out without you. I mean, c'mon, I was struggling with remembering I changed a color field XD Ahaha. I should leave coding to other people.

Since I've found the code I've been lurking at the site you designed it for. You're an awesome RPer annd Rory is adorable =)

My site isn't launching until January first. Or ever, if I get nervous XD Probably just January first. I could PM you a link, which would be a whole like, two-ish days early if you wanted~ It still has some editing to be done. Some topics are unfinished/place holders and such.

[leif]

You did a pretty good job. To try the centering try messing with um line-height:15px; or something like that to see if it can position the text right. If it's the entire box add a margin-top:3px; or something. ^_^

I'm glad you spotted Rory! I love that kid. Bahahaha. Aedan's one of my better characters. . It's been one of my more stable RPGs for a while. I'm technically just a member/coding mod there.

Please do PM me the link, I'm quite interested to see how it all comes together. .

[Denvie]

Oh my, you fixed it~! Thank you! I was just resolving myself to get over my fixation with it. XD

Margin-top got ignored (I changed it from seven to ten to make up the three pixels) but line-height was ommitted completely. Putting it back in as 20px centered it perfectly! =) You're awesome~

I think Aedan's pretty cool. I think the interaction between him and Dominique is cute too =) It seems so natural and realistic, which should be found more in RPs and doesn't seem to be.

Okayy, I'll send it ^_^

[Leo Ascendent]

Is there a way to increase the box size of just the first box, as well as increase the size of the text a bit (also in just that first box), so it looks kind of like:


---------------
|             |
|             |
|   AVATAR    |
|             |
|             |
---------------
|____BOX 1____|
|__2__| |__3__|
|__4__| |__5__|

|------|
| ICON |
|______|

[leif]

Dec 30, 2013 13:29:30 GMT -8 Denvie said:

Oh my, you fixed it~! Thank you! I was just resolving myself to get over my fixation with it. XD

Margin-top got ignored (I changed it from seven to ten to make up the three pixels) but line-height was ommitted completely. Putting it back in as 20px centered it perfectly! =) You're awesome~

I think Aedan's pretty cool. I think the interaction between him and Dominique is cute too =) It seems so natural and realistic, which should be found more in RPs and doesn't seem to be.

Okayy, I'll send it ^_^

I love Aedan so much. Yeah him and Dominique are a very interesting dynamic. I'm eager to see how they play out. Sadly I am down to one RPG I need to find others to expand again. >< I'm very nitpicky and super in depth with my characters. Glad you got it fixed!

Dec 30, 2013 14:58:12 GMT -8 Leo Ascendent said:

Is there a way to increase the box size of just the first box, as well as increase the size of the text a bit (also in just that first box), so it looks kind of like:


---------------
|             |
|             |
|   AVATAR    |
|             |
|             |
---------------
|____BOX 1____|
|__2__| |__3__|
|__4__| |__5__|

|------|
| ICON |
|______|

Hi! Yes there is look a few posts up for Denvie's solution. Basically move/add a box up there using full width. .
<div class="leifbox" style="height:20px;text-align:center;margin-top:7px;margin-right:10px;margin-left:10px;line-height:20px;">customfieldcodehere      
</div>

[Denvie]

You didn't add in the width line that expands it, Leif~

<div class="leifbox" style="height:20px;width:180;text-align:center;margin-top:7px;margin-right:10px;margin-left:10px;line-height:20px;">customfieldcodehere
</div>

That is the code I'm using, Leo Ascendent

But if you want the box bigger change the 'height' to alter the box size.

<div class="leifbox" style="height:20px;width:180;text-align:center;margin-top:7px;margin-right:10px;margin-left:10px;line-height:20px;">customfieldcodehere
</div>

For text size... uhm... I do not know the best way to change the text size. Maybe a span code would work for you?

[Leo Ascendent]

Doh, thanks. Can't wait to give these a try.

[AmethystGirl]

Hey, I came across this while looking for how to make a specific set of text be pre-entered into my posts and knew I had to implement this immediately! Also, don't work too hard, go easy on yourself...

So I'm doing some experiments with mini profiles (hoping to get them to work with the Alters plugin, but haven't come anywhere close to that obstacle yet) and I've run into an issue:

I'm really new to this level of code (I did html color, font, sizes, shapes and started on scroll boxes, but this is my first time working on an actual site).

Besides lacking ability, I've hit these bumps in the road:

1: I can't get my custom fields to show up on the mini profiles. One of the site owners says we need a plugin extension, but that doesn't seem right to me.

2: The custom fields are mostly staff edit only right now because I'm still testing, but I can't figure out where to edit them...

3: you have more lines for border color and some other stuff listed where you were changing the 'if blah then display this pic or color' stuff that didn't copy over for me...

I'd also prefer to use member groups for determining the background color instead of a staff picked house if that makes sense or is possible.

Thanks for posting such an amazing template! You seem to be really good at code! I'm sure I could learn a lot from you.

[AmethystGirl]

*sever3 language*
I just ran into another hitch... the right aligned usage of this gets cut off in the theme I'm using... any and all help is much appreciated!!

[AmethystGirl]

I just found the clothing, from my 3 above. I didn't see that it was the style sheet before.

By actually making the fields member edit, I fixed my 1 from above.

The question in 2 remains as does the hope of using alters, member groups, and the spacing in the forum use. However, this has improved after spelunking.

Thanks again!

[[renz]]

i'm working on this bit by bit and i was just wondering if i should add my staff options as part of the groups or if i should only list the actual groups (non-staff related.. obviously -_-)

[leif]

Jan 4, 2014 1:06:04 GMT -8 AmethystGirl said:

Hey, I came across this while looking for how to make a specific set of text be pre-entered into my posts and knew I had to implement this immediately! Also, don't work too hard, go easy on yourself...

So I'm doing some experiments with mini profiles (hoping to get them to work with the Alters plugin, but haven't come anywhere close to that obstacle yet) and I've run into an issue:

I'm really new to this level of code (I did html color, font, sizes, shapes and started on scroll boxes, but this is my first time working on an actual site).

Besides lacking ability, I've hit these bumps in the road:

1: I can't get my custom fields to show up on the mini profiles. One of the site owners says we need a plugin extension, but that doesn't seem right to me.

2: The custom fields are mostly staff edit only right now because I'm still testing, but I can't figure out where to edit them...

3: you have more lines for border color and some other stuff listed where you were changing the 'if blah then display this pic or color' stuff that didn't copy over for me...

I'd also prefer to use member groups for determining the background color instead of a staff picked house if that makes sense or is possible.

Thanks for posting such an amazing template! You seem to be really good at code! I'm sure I could learn a lot from you.

Hi!

1) In the main post read the section titled 'Editing the Custom Profile Fields:'. Basically in Admin > Members > Custom Profile Fields add the information there for example "Dating". Then in the code make sure there's a field called "Dating". {foreach $[user.mini_custom_field]}{if $[user.mini_custom_field.name] == "Dating"}$[user.mini_custom_field.value]{/if}{/foreach}


2) You edit them in your profile Edit Profile > Personal. Tjey're listed at the bottom.

3) This is because those multiple lines are meant to declare different colors for different groups. The CSS should be under the rest and your theme should already have a declared border for the mini-profile.

Jan 4, 2014 2:19:04 GMT -8 AmethystGirl said:

I just found the clothing, from my 3 above. I didn't see that it was the style sheet before.

By actually making the fields member edit, I fixed my 1 from above.

The question in 2 remains as does the hope of using alters, member groups, and the spacing in the forum use. However, this has improved after spelunking.

Thanks again!

At this time Alters is not supported because I'm not currently on a place that uses Alters. It works with membergroups and spacing. But, not Alters. It's more meant for individual account mini-profiles. I never looked at how alters works.

Jan 5, 2014 22:12:42 GMT -8 [renz] said:

i'm working on this bit by bit and i was just wondering if i should add my staff options as part of the groups or if i should only list the actual groups (non-staff related.. obviously -_-)

You can do whichever you'd like. Perhaps your staff all have nice ones for themselves, and your members have a generic? It's entirely up to you how you customize it.

[[renz]]

sorry another question. i probably just missed something. it's late here and i'm exhausted hah; but the bio doesn't show up on the left side? i've definitely copied and pasted everything as i should have   
   

oops sorry nope, adding one more thing! can the following i put in bold be two separate words? i ask because second word, listed as red, is well, red. i don't know if that means it's not going to show or work?

wolf
{elseif $[user.mini_custom_field.value] == "BLUE RED"}
canine
{elseif $[user.mini_custom_field.value] == "BLUE RED"}

[leif]

Jan 5, 2014 22:36:34 GMT -8 [renz] said:

sorry another question. i probably just missed something. it's late here and i'm exhausted hah; but the bio doesn't show up on the left side? i've definitely copied and pasted everything as i should have   
   

oops sorry nope, adding one more thing! can the following i put in bold be two separate words? i ask because second word, listed as red, is well, red. i don't know if that means it's not going to show or work?

wolf
{elseif $[user.mini_custom_field.value] == "BLUE RED"}
canine
{elseif $[user.mini_custom_field.value] == "BLUE RED"}

Hi! Is the custom profile field set up correctly and spelled correctly with no extra spaces as just 'Biography'? If you can provide a link so I can look if that doesn't work.

Okay, the elseif is meant to declare the group. So basically you just declared the same group twice a group you called BLUE RED? The elseif is meant to be part of the dropdown where your group is selected or profile style. This effects the coloring. If it matches the dropdown in the custom profile fields you should be fine. But, it should be different things. BLUE RED cannot be both wolf and canine. If you want the same color theme for them, they can share a selection or you can duplicate their css.