Sort Characters page by NPC/PC?

Bortas
Bortas
edited April 2014 in Campaign Portal Building
Hey gang, I'm really new to the OP CSS game, and CSS in general. I apologize if this has been asked.The closest I could find to my answer was Kallak's thread: http://forums.obsidianportal.com/comments.php?DiscussionID=2951&page=1

I'd like to have my character page automatically divided into 3 sections, Players, NPCS, Deceased. Any ideas?

Comments

  • Thorvaldr
    Thorvaldr
    Posts: 141
    @Bortas: As far as I know, there is no _good_ way to sort and organize your character page asides from using tags and searching. However, there is a kludge way to move your characters about:

    The really hack way that I can think of can organize your characters into 3 groups. For the first group (Lets say PC’s), put a space in front of their names. This will put them in order at the beginning of the list. Don’t do anything special for the second group. For the last group, use Alt-255 at the beginning of their name. This will look like a space, but alphabetically, comes after all of the other letters. (Literally, just hold down the [Alt] key, hit [2] [5] [5], and release the [Alt] key.) And now your characters will be somewhat organized…ish!

    There won't be any true separation with these groups (unless you put in some blank separator characters or something?), but at least they'll be somewhat ordered like you want.

    -Thorvaldr
    DM of "Tyellador:":https://tyellador.obsidianportal.com/ "CotM April '14":http://blog.obsidianportal.com/tyellador-april-cotm-14/
  • Kallak
    Kallak
    Posts: 1,090 edited April 2014
    Tragically, separation between the PCs and NPCs was one of the casualties of the Reforge. There are a few methods to sort of fudge it (as Thorvaldr said), but there is (at present) no way to really do it cleanly.
    Post edited by Kallak on
    All the best,
    - Kallak
  • Bortas
    Bortas
    Posts: 645 edited April 2014
    Haha, hack alphabetizing, I had that exact solution in place already ;-) "Char List":https://morwindl.obsidianportal.com/characters

    Check out what Kallak "pulled off":https://dangerous-kalamar-4.obsidianportal.com/wikis/characters he talks a lot about menu reorganizing, but not much about that part.

    -bort

    PS: Great campaign, I love your Player Point system, and great work on the custom graphics!
    Post edited by Bortas on
  • Bortas
    Bortas
    Posts: 645
    Oh nuts! Yours was exactly what I was trying to figure out!
  • Craig315
    Craig315
    Posts: 3
    I used the info posted here, http://forums.obsidianportal.com/comments.php?DiscussionID=3495&page=1#Item_17 , and put a space before each PC name. This put them in alphabetical order with the NPCs following in alphabetical order.
  • Basileus
    Basileus
    Posts: 585 edited June 2014
    So another thing you can do to make certain characters stand out on the character page: color-code and/or bold significant tags.

    For example, a simple set up with green "PC" tags and red "Deceased" tags (my tags are normally blue, so these colors stand out):

    @.character-index.campaign-public-layout #content a[data-tag="PC"] {color: springgreen; font-weight: bold;}
    .character-index.campaign-public-layout #content a[data-tag="Deceased"] {color: firebrick; font-weight: bold;}@

    You could add as many tags and colors as you like, or you could make certain tags not display, etc... Just copy the line and change the "data-tag" and "color" values.
    Post edited by Basileus on
  • MachineGunHarry
    MachineGunHarry
    Posts: 115
    I noticed that today on Outremer. Very cool effect.
  • GuyKilmore
    GuyKilmore
    Posts: 36
    Thanks Basileus, I will make use of that!

    "Dresden Files: Twin Cities":https://dresden-files-twin-cities.obsidianportal.com/
  • billy_blackerby
    billy_blackerby
    Posts: 12
    Blending a few different styles has been effective for me thus far. I'm still tweaking the final color/border/opacity palette.

    /*CHARACTERS (& ITEMS)*/
    /*Make GM only characters slightly transparent*/
    .character-list-item.gm-only {opacity:0.6; }

    /*Make GM only characters opaque on hover*/
    .character-list-item.gm-only:hover {opacity:1; }

    /*Change border on GM, Character, and NPCs*/
    .character-list-item.gm-only {border-width: 2px; border-style: dotted; border-color: #333333;}
    .character-list-item.npc {border-width: 2px; border-style: solid; border-color: #333333;}
    .character-list-item {border-width: 2px; border-style: double; border-color: #b22a24;}
  • GamingMegaverse
    GamingMegaverse
    Posts: 2,999
    Link to Billy_Blackerby's site is "Egron":https://egron-1.obsidianportal.com/
    Looks cool.

    Just trying to help out.

  • Bortas
    Bortas
    Posts: 645
    Thanks billy, you've located something that really helped me out!!

    Find this line in "Kallak's":http://forums.obsidianportal.com/comments.php?DiscussionID=2951&page=1 code: @.character-index .character-list-item .character-info {text-align:center !important; border:3px solid black;background-size:178px, 178px; background-repeat:no-repeat; height:178px !important; width:178px !important;}@

    Replace it instead with these three lines: @.character-index .character-list-item.gm-only .character-info {text-align:center !important;border:3px solid red !important;background-size:178px, 178px; background-repeat:no-repeat; height:178px !important; width:178px !important;}
    .character-index .character-list-item.npc .character-info {text-align:center !important;border:3px solid black;background-size:178px, 178px; background-repeat:no-repeat; height:178px !important; width:178px !important;}
    .character-index .character-list-item .character-info {text-align:center !important;border:3px solid yellow;background-size:178px, 178px; background-repeat:no-repeat; height:178px !important; width:178px !important;}
    @

    This will provide a nice bright yellow outline around PCs, and a red outline around GM only characters, "as an example.":https://morwindl.obsidianportal.com/characters

    Aside from that, Thorvaldr's suggestion about hidden characters in the name to force a sort has been a simple workaround that I've been using until now.

    -bort
    "Morwindl":http://morwindl.obsidianportal.com
  • Bortas
    Bortas
    Posts: 645
    @.character-index .character-list-item .character-info {text-align:center !important; border:5px solid; border-color: #FFFF00 #FFA500 #FF4500 #FFD700; background-size:178px, 178px; background-repeat:no-repeat; height:178px !important; width:178px !important;}@

    On the character one, to give it a slightly bolder, raised look to each character.

    -bort
    "Morwindl":http://morwindl.obsidianportal.com
  • Sorwen
    Posts: 64
    I was so hoping someone had found a way to sort. I really miss the old separation.
  • SkidAce
    SkidAce
    Posts: 830
    Put a space in front of each PC's name. They will sort to the beginning.
Sign In or Register to comment.

April 2024
Season of Strife

Read the feature post on the blog
Return to Obsidian Portal

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Discussions