Jump to content

[Solved] IPS Character Mod Profile / Bio Styling?


StormWolfe
 Share

Recommended Posts

This is not urgent!

 

I have installed the IPS Character Mod on the smaller (newest) of my two IPS sites. I want to get everything working right before I tackle the larger site as it'll require more account conversions and post author changes. The mod installed smoothly and appears to be working perfectly!

 

Here comes the How Do I part. We currently have a beautiful Character Directory with long and rather detailed bios [Link to Example] thanks to the lovely and awesome @Morrigan. However, I do want to take full advantage of the mod.

 

Is there a way to make the profiles look more like our current bios but still keep the simple, easy to fill out forms? Right now, there is alot of copy/paste from a template that has all the fields into the actual character bio.

 

Just an idea of what I'm trying to ask...  Also, if there's a better way of integrating it all with our character pages, I'm all for that too.

 

Screen Shot 2018-08-20 at 4.58.09 PM.png

 

The second question is likely just a case of styling the mini-profiles (author panes/user info)...

 

Here is the user info / mini-profile using the new Character Mod....

 

Screen Shot 2018-08-20 at 5.05.08 PM.png

 

Can the layout be adjusted to be more like this (hopefully this is just a case of adding custom CSS).... although, ideally, would like to redo our avatars to portrait style (ex. 250x300 or 200x300).

 

Screen Shot 2018-08-20 at 4.53.28 PM.png

 

Any and all help for this poor tech-challenged person is appreciated!

  • Great Idea 1

Someone somewhere went to sleep and dreamed us all alive.
Dreams get pushed around a lot, and I doubt if we'll survive.
We won't get to wake up, dreams were born to disappear.
And I'm pretty sure that none of us are here.
~ None of Us Here by Jim Stafford ~

 

sagas-button1.png.467e9214ee1a2d2a24c0030301948c27.png 

 

RPG-Initiative

*your one-stop RPG resource site!

Link to comment
Share on other sites

  • 2 weeks later...
  • Admin

Get me a login @Stormwolfe

0_mainsignature.jpg

image.png

Profile set made by myself and original Artwork by Fae Merriman, my daughter.

 

 

Link to comment
Share on other sites

@Morrigan

 

Thank you for getting back to me on this. I have created you an admin account at the site. Let me know, at your convenience, if you prefer that I DM or PM you the details.

 

Have a great labor day!

Someone somewhere went to sleep and dreamed us all alive.
Dreams get pushed around a lot, and I doubt if we'll survive.
We won't get to wake up, dreams were born to disappear.
And I'm pretty sure that none of us are here.
~ None of Us Here by Jim Stafford ~

 

sagas-button1.png.467e9214ee1a2d2a24c0030301948c27.png 

 

RPG-Initiative

*your one-stop RPG resource site!

Link to comment
Share on other sites

  • Admin

Just DM it to me. @Stormwolfe

0_mainsignature.jpg

image.png

Profile set made by myself and original Artwork by Fae Merriman, my daughter.

 

 

Link to comment
Share on other sites

  • Admin

So I'll need feedback on some of this stuff. I have completed things that I know FOR SURE. Additionally, since Character Bio's are linked via the character name AND avatar I chose not to link it at the bottom. @Stormwolfe

0_mainsignature.jpg

image.png

Profile set made by myself and original Artwork by Fae Merriman, my daughter.

 

 

Link to comment
Share on other sites

@Morrigan

 

Right! That link was only an interim thing due to me not being bright enough to link them to my original character directory.

 

So far, I've looked at it and they look awesome! 💙

 

My questions are:

 

Will I need to tweak templates if I add fields or change fields (such as field names. order, which ones appear on the mini-profile?

 

Which templates will I need to copy over to my other site?

 

Update: Found the size, 250x350 as requested!

 

If we opt to use the larger avatar, will it be the one that appears everywhere? (Asking because I might have to tweak my theme's CSS).

 

But I love it! Totally and complete love it! Thank you so much for spearheading getting this mod developed and sharing it with all of us IPS Gamers!

Someone somewhere went to sleep and dreamed us all alive.
Dreams get pushed around a lot, and I doubt if we'll survive.
We won't get to wake up, dreams were born to disappear.
And I'm pretty sure that none of us are here.
~ None of Us Here by Jim Stafford ~

 

sagas-button1.png.467e9214ee1a2d2a24c0030301948c27.png 

 

RPG-Initiative

*your one-stop RPG resource site!

Link to comment
Share on other sites

@Morrigan (zero rush)

 

I am back with a few more questions! I have found where to add/change the profile fields (don't worry, making a copy before I make adjustments).

 

However, there's a couple of minor display issues I cannot fathom even though I have used  Inspect and Inspect Element (Chrome / Firefox) until I'm crosseyed!

 

#1: Avatar Size in Character Index

First of all, I made the decision to not use the wider X longer images (250x350) and just go with larger square avatars because my site is set up for that. However, I would like to increase the display size of the avatars on the Character Index Page (200 x 200 or full size of 250 x 250). Once I know where to make this change, I can tweak it until it works for my theme.

 

Where do I change the avatar display size (see screenshots)? I have searched and searched the mod templates and CSS.

avatar-size.png

 

Screen Shot 2018-09-14 at 4.04.47 PM.png

 

#2: Is there a way to fix the Character Mod Character Index so the cards are aligned? This is very minor and only a thing if you're as OCD or anal as I am.

 

not-aligned.png

 

That's it for this round! Thanks ahead of time for all of the help!

Someone somewhere went to sleep and dreamed us all alive.
Dreams get pushed around a lot, and I doubt if we'll survive.
We won't get to wake up, dreams were born to disappear.
And I'm pretty sure that none of us are here.
~ None of Us Here by Jim Stafford ~

 

sagas-button1.png.467e9214ee1a2d2a24c0030301948c27.png 

 

RPG-Initiative

*your one-stop RPG resource site!

Link to comment
Share on other sites

@Morrigan I'm baaaack! Again, there is no rush on this! I am learning my way around modifying the Char Mod profile layout, but I am afraid to do too much for fear of killing it.

 

Can more tabs be added to the main profile? You added the one I requested - which is awesome! Now that I've undertaken an extensive revision of our bios, I'd like to get more tabs with custom fields under them so the end result when a character is created, players just fill in the form and voila! It is done.

 

See screenshot! If the answer to this is YES, I'll copy/paste some code and get some directions or step-by-steps to modify? I *think* I know what I need to do but that just makes me dangerous.

 

Tabs.png

 

Warmest Regards and THANK YOU!

 

 

Someone somewhere went to sleep and dreamed us all alive.
Dreams get pushed around a lot, and I doubt if we'll survive.
We won't get to wake up, dreams were born to disappear.
And I'm pretty sure that none of us are here.
~ None of Us Here by Jim Stafford ~

 

sagas-button1.png.467e9214ee1a2d2a24c0030301948c27.png 

 

RPG-Initiative

*your one-stop RPG resource site!

Link to comment
Share on other sites

  • Admin

The answer is yes but the directions will depend on the location.

 

@Stormwolfe

0_mainsignature.jpg

image.png

Profile set made by myself and original Artwork by Fae Merriman, my daughter.

 

 

Link to comment
Share on other sites

@Morrigan

 

Yes is awesome. What I do want to avoid is nested tabs (pain for me to have to update or change). Therefore, I am happy with tabs in either location although I honestly prefer the tabs to all be here (see screenshot). I have a mock-up screenshot below but it's pretty awful.

 

I would like the following tabs, each with the actual custom fields under them (I have set up the fields). Tabs layout below the back mock-up.

 

Bad mock-up screenshot!

tabs-layout.png

 

[Tab 1] Appearance

Editor Field: Physical Description

[key]: char-description

 

[Tab 2] Personality

Editor Field: Character Traits

[key]: char-traits

 

[Tab 3] Skills (Trying to think

Editor Field: Employment [key: char-employ]

Editor Field: Expertise [just needs moved to the correct tab]

 

[Tab 4] Background

Text Area Field: Aliases / Nicknames [key: char-aliases]

Editor Field: Kith & Kin (just needs moved to this tab)

Editor Field: Life Events (just needs moved to this tab)

 

[Tab 5] Other Characters (already exists, built-in with mod)

 

[Tab 6] Recent Posts (already exists, built-in with mod)

 

Thank you again ever so much. Once done, this needs to be a Codex thing!

Someone somewhere went to sleep and dreamed us all alive.
Dreams get pushed around a lot, and I doubt if we'll survive.
We won't get to wake up, dreams were born to disappear.
And I'm pretty sure that none of us are here.
~ None of Us Here by Jim Stafford ~

 

sagas-button1.png.467e9214ee1a2d2a24c0030301948c27.png 

 

RPG-Initiative

*your one-stop RPG resource site!

Link to comment
Share on other sites

That's a lot of nice stuff you got done there! I'd like to do a few similar things but I'm not sure how. How did you make the profile fields neater (not centered anymore) and added more tabs for the wordier fields?

  • Love 1

2055148134_EOHbanner.png.530f7a6856f7b2fd0b4861da17014318.png

Link to comment
Share on other sites

@Gota Heya!

 

If there are no objections from @Morrigan, I will share the templates here once done and working all nice and spiffy. Since the Character Mod is her baby, don't want to presume about sharing the templates. Right now, still in the process of making the tabs and putting in the fields.

 

Regards!

Someone somewhere went to sleep and dreamed us all alive.
Dreams get pushed around a lot, and I doubt if we'll survive.
We won't get to wake up, dreams were born to disappear.
And I'm pretty sure that none of us are here.
~ None of Us Here by Jim Stafford ~

 

sagas-button1.png.467e9214ee1a2d2a24c0030301948c27.png 

 

RPG-Initiative

*your one-stop RPG resource site!

Link to comment
Share on other sites

Oh my heavens! @Morrigan! The bio layout is amazing! My members are going nuts with the wonder of it all!

 

The final mod to the Character Mod that I would like to make is to the avatar size on the character index cards. I am not going to change the image's layout (i.e. keeping it square seems the best option). However, if at all possible, I'd like to increase it to maybe 150 X 150. Currently, I think it is auto-sizing down to like 90 X 90.

 

Here's a screenie! Thank you ever so much for everything! 💙

 

character-index.png

Someone somewhere went to sleep and dreamed us all alive.
Dreams get pushed around a lot, and I doubt if we'll survive.
We won't get to wake up, dreams were born to disappear.
And I'm pretty sure that none of us are here.
~ None of Us Here by Jim Stafford ~

 

sagas-button1.png.467e9214ee1a2d2a24c0030301948c27.png 

 

RPG-Initiative

*your one-stop RPG resource site!

Link to comment
Share on other sites

  • Admin

Fixed @Stormwolfe

  • Love 1

0_mainsignature.jpg

image.png

Profile set made by myself and original Artwork by Fae Merriman, my daughter.

 

 

Link to comment
Share on other sites

@Gota A few more tweaks and the layout will be perfect. I will share the template changes in our IPS Staff People Coterie. Morr is making a guide for it that will be out in a few days so mine will be just the templates that were modified on my site! 

 

@Morrigan There are no words for how amazing this mod is or how great it is looking on my site(s) with your help! I am genuinely awestruck! Thank you also for your tutorial on what I need to change so I can make minor updates to the templates myself! 

 

Usual Disclaimer: This is a game and not a large one. There is no rush to do this. When it is convenient for you!

 

I have one more tweak to ask for help with. This is also layout and I have no idea how well I can explain it here. Hopefully, the screenshot will help show what I am after.

 

In the screenshot below (not sure you can actually see it, if not, here's the link to the Character Profile) the image under Image & Description on the right appears to overflow the box at the bottom (extends below the very faint border of the "editor box").

 

1. If possible, can the profile field boxes be adjusted so that they flex with the content?

 

FIXED! Thank you so much!

BORDER.png

Someone somewhere went to sleep and dreamed us all alive.
Dreams get pushed around a lot, and I doubt if we'll survive.
We won't get to wake up, dreams were born to disappear.
And I'm pretty sure that none of us are here.
~ None of Us Here by Jim Stafford ~

 

sagas-button1.png.467e9214ee1a2d2a24c0030301948c27.png 

 

RPG-Initiative

*your one-stop RPG resource site!

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use, Guidelines and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.