[How To] Alternate Character Listing Layout via CSS

124»

Comments

  • GamingMegaverse
    GamingMegaverse
    Posts: 2,998
    Thanks Kallak- looking forward to the update

    Just trying to help out.

  • madartiste
    madartiste
    Posts: 328
    Kallak, I'll be willing to help you fuss with it if you need some assistance (since I made heavy use of it on one of my campaigns)... once I get some of my other CSS wrangled.
  • Kallak
    Kallak
    Posts: 1,090
    Right on. I'm sure I'll need it after redoing my campaign. 600+ wiki pages, 130+ characters and 53 adventure logs to go... Not sure if I'm going to keep items as a thing or not. IDK yet.
    All the best,
    - Kallak
  • Joedylan2000
    Joedylan2000
    Posts: 21
    thank you Kallak, as a CSS ignoramus who relies on the talents of others to 'kick the ugly' out of my campaigns, I am grateful for your hardwork:)
  • Kallak
    Kallak
    Posts: 1,090 edited November 2013
    Just popping in to give an update. I've about got this knocked back out, just need to tweak some margins/spacing on the character containers and adjust the size of the entries to even things out. I'm hoping to have this done and ready for re-release sometime tomorrow after work - assuming nothing else comes up. As always, thanks for your support.
    Post edited by Kallak on
    All the best,
    - Kallak
  • madartiste
    madartiste
    Posts: 328
    Sweet! I'm looking forward to seeing what you come up with. If you need any assistance or a willing guinea pig, just give me a shout.
  • PurpleSteve
    PurpleSteve
    Posts: 12
    Can't wait! I've been deliberately avoiding playing too much with my character page in anticipation of some new code from this thread :D
  • Kallak
    Kallak
    Posts: 1,090 edited November 2013
    Post-Reforge initial version is now up. Please check the original posts in this thread for the updated CSS entries. The default values are situated for a ".main-content" width of 730px, so you may need to make adjustments if you are using a different size setup. I may end up adding a line to distinguish the edit button a little more clearly - lighter color image backgrounds can sort of hide it - although not any more so than the white background on the stock setup.

    EDIT: And yes, all currently existing normal functionality is still workable (search, edit, etc..) Character Tags and Quick Descriptions are not displayed, so if you want to display them, you will need to make adjustments to the default release.

    Feel free to send me a PM if you have any issues getting this to work on your campaign, or if you'd like help in tweaking it to go with your personal theme and/or layout.
    Post edited by Kallak on
    All the best,
    - Kallak
  • madartiste
    madartiste
    Posts: 328
    Oh, the image assignment is slick! That was the part I just couldn't figure out without some kind of ridiculous nth-child shenanigans or something. Nicely done and thank you for sharing!
  • GamingMegaverse
    GamingMegaverse
    Posts: 2,998 edited April 2014
    Kallak- looks even better than before! Check out Kallak's "character page":https://dangerous-kalamar-4.obsidianportal.com/characters

    I don't recall, was it wiki before the reforge, or is that a change?
    killervp
    "A God...Rebuilt":https://a-god-rebuilt.obsidianportal.com
    "OP's COTM April 2012":http://blog.obsidianportal.com/a-god-rebuilt-aprils-cotm/
    Here to help anyone- Send me a PM

    Note- Fixed link to correct one.
    Post edited by GamingMegaverse on

    Just trying to help out.

  • madartiste
    madartiste
    Posts: 328
    Only thing I can add: @/*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; }
    /*REMOVE GM ONLY ICON*/
    .gm-only-icon {display: none;}@

    Just in case people like the slightly transparent GM Only characters.
  • Kallak
    Kallak
    Posts: 1,090
    @killervp,

    The wiki character page you linked is the original one from way back when. The link to my actual stock character page is "HERE":https://dangerous-kalamar-4.obsidianportal.com/characters, I haven't assigned all of the character images yet, I was focusing on getting it working so I could release it to the forums. I'll be adding the character assignments tonight, so it should start taking shape. I also need to style up my tag search bar, so that'll be changing also in the near future.
    All the best,
    - Kallak
  • GamingMegaverse
    GamingMegaverse
    Posts: 2,998
    Saw the new look. Cannot wait for the final!

    Just trying to help out.

  • Kallak
    Kallak
    Posts: 1,090 edited November 2013
    Minor Updates:
    -Added text shadowing to the edit "button" for enhanced visibility.
    -Removed unnecessary "!important" declaration from the image assignment copy/paste line.

    I've got my personal "Character Page":https://dangerous-kalamar-4.obsidianportal.com/characters pretty much done. A couple deviations from the default release, but if you're new to the thread, you can at least get an idea of what you're going to get. Hoping to have my "Demo Campaign":https://css-character-layout-demo.obsidianportal.com/ back up and running in a few days. Hammering out work on my "Kalamar Adventure Log":https://dangerous-kalamar-4.obsidianportal.com/adventure-log ATM (I decided to go ahead and convert my wiki page based "log entries" into actual adventure log entries. This took a bit of tinkering to get the main adventure log page to work like my old one did, but it's done. If people like it, I can make a How To guide for that as well).
    Post edited by Kallak on
    All the best,
    - Kallak
  • Kallak
    Kallak
    Posts: 1,090
    Minor Updates:
    -Fixed an issue where some commands from the default code block where affecting the Items Page/Tab as well as the Character Page/Tab.
    All the best,
    - Kallak
Sign In or Register to comment.

March 2024
Wrath of the Highborn

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