I am trying to figure out how to style my character page on my Emerald City Requiem site and I am hitting a brick wall. Rather than a lengthy explanation I mocked up what I am looking for. Is there any way to code the character page to look something like this?
For feedback on the characters I was thinking that the image could fade to 50% opacity on mouse over and/or the text changes color and gets larger/smaller. I would really appreciate some help on this.
November 2012 CotM: Dresden Files RPG: The Emerald City
June 2016 CotM: Star Wars: Rise of the Infinite Empire
JUNE 2020 CotM & 2020 CotY: Mass Effect Accelerated
FEBRUARY 2022 CotM & 2022 CotY: Dresden Files Accelerated: Emerald City-Requiem
Current Campaigns: Traveller Osmium Buccaneers: Pirates of Drinax, Cyberpunk 2077 Accelerated
It looks like you're new here. If you want to get involved, click one of these buttons!
Comments
You can use my character page layout as the basis and then modify to suit the specifics you want (3 columns instead of 4, tags not hidden, etc.)
- Kallak
Yeah that is exactly what I was looking for! Can you send me the code?
Edit: Never mind. I found it on the wiki. Thanks Kallak!November 2012 CotM: Dresden Files RPG: The Emerald City
June 2016 CotM: Star Wars: Rise of the Infinite Empire
JUNE 2020 CotM & 2020 CotY: Mass Effect Accelerated
FEBRUARY 2022 CotM & 2022 CotY: Dresden Files Accelerated: Emerald City-Requiem
Current Campaigns: Traveller Osmium Buccaneers: Pirates of Drinax, Cyberpunk 2077 Accelerated
Hum! Take a quick look here: https://morwindl-test.obsidianportal.com/characters
Is this getting sort of close to what you are looking for? I totally stole it from Kallak's thread.
-bort
PS: edit, damnit, new thread reading order, this question was answered. Scrolling below the comments box to try and find the thread, then having to bounce up and down to read long posts, then scroll up to read the next post.... scrolling down the whole time. Stupid.Campaign of the Year - 2018
Yeah that is exactly what I was looking for! Can you send me the code?
November 2012 CotM: Dresden Files RPG: The Emerald City
June 2016 CotM: Star Wars: Rise of the Infinite Empire
JUNE 2020 CotM & 2020 CotY: Mass Effect Accelerated
FEBRUARY 2022 CotM & 2022 CotY: Dresden Files Accelerated: Emerald City-Requiem
Current Campaigns: Traveller Osmium Buccaneers: Pirates of Drinax, Cyberpunk 2077 Accelerated
Thank you so much Kallak! I am going to tweak it some but I was able to use your code. Check it out here:
https://fate-accelerated-the-emerald-city.obsidianportal.com/characters
November 2012 CotM: Dresden Files RPG: The Emerald City
June 2016 CotM: Star Wars: Rise of the Infinite Empire
JUNE 2020 CotM & 2020 CotY: Mass Effect Accelerated
FEBRUARY 2022 CotM & 2022 CotY: Dresden Files Accelerated: Emerald City-Requiem
Current Campaigns: Traveller Osmium Buccaneers: Pirates of Drinax, Cyberpunk 2077 Accelerated
November 2012 CotM: Dresden Files RPG: The Emerald City
June 2016 CotM: Star Wars: Rise of the Infinite Empire
JUNE 2020 CotM & 2020 CotY: Mass Effect Accelerated
FEBRUARY 2022 CotM & 2022 CotY: Dresden Files Accelerated: Emerald City-Requiem
Current Campaigns: Traveller Osmium Buccaneers: Pirates of Drinax, Cyberpunk 2077 Accelerated
Bortas, I totally agree. This new setup for posts is almost unusable.
I did figure out the general layout but I haven't been able to figure out how to make the images fade out on a mouseover. If anyone has a suggestion for that I would appreciate it.
November 2012 CotM: Dresden Files RPG: The Emerald City
June 2016 CotM: Star Wars: Rise of the Infinite Empire
JUNE 2020 CotM & 2020 CotY: Mass Effect Accelerated
FEBRUARY 2022 CotM & 2022 CotY: Dresden Files Accelerated: Emerald City-Requiem
Current Campaigns: Traveller Osmium Buccaneers: Pirates of Drinax, Cyberpunk 2077 Accelerated
It's looking pretty sweet Hum! Big, bold, beautiful imagery. Just the sort of thing to liven up a character page.
- Kallak
All thanks to you and your code, Kallak! Thanks so much. :D
November 2012 CotM: Dresden Files RPG: The Emerald City
June 2016 CotM: Star Wars: Rise of the Infinite Empire
JUNE 2020 CotM & 2020 CotY: Mass Effect Accelerated
FEBRUARY 2022 CotM & 2022 CotY: Dresden Files Accelerated: Emerald City-Requiem
Current Campaigns: Traveller Osmium Buccaneers: Pirates of Drinax, Cyberpunk 2077 Accelerated
Hum: maybe this is the part you're looking for:
-bort
Campaign of the Year - 2018
Aha! Thanks Bortas! That helped quite a bit.
November 2012 CotM: Dresden Files RPG: The Emerald City
June 2016 CotM: Star Wars: Rise of the Infinite Empire
JUNE 2020 CotM & 2020 CotY: Mass Effect Accelerated
FEBRUARY 2022 CotM & 2022 CotY: Dresden Files Accelerated: Emerald City-Requiem
Current Campaigns: Traveller Osmium Buccaneers: Pirates of Drinax, Cyberpunk 2077 Accelerated
Hum: I'm glad that code snippet worked. You might also try:
To make it feel more like a transition and less jumpy.
-bort
Campaign of the Year - 2018
Oh yeah! That is better a transition. Thanks!
November 2012 CotM: Dresden Files RPG: The Emerald City
June 2016 CotM: Star Wars: Rise of the Infinite Empire
JUNE 2020 CotM & 2020 CotY: Mass Effect Accelerated
FEBRUARY 2022 CotM & 2022 CotY: Dresden Files Accelerated: Emerald City-Requiem
Current Campaigns: Traveller Osmium Buccaneers: Pirates of Drinax, Cyberpunk 2077 Accelerated