Tessisamess

Come Closer: Cast list/roster


PREVIEW MAXIPREVIEW MINI


Information

Hey guys! Two HTML pages for you today: A cast list/character roster with a lot of style on hover! Depending on your personal preference, either one of these codes would be great for a cast list or a character roster, so I'm displaying them as both so you can get an idea of what I mean!

The maxi version would also be wonderful for locations or other similar game information pages, especially if you inverted the width/height dimensions for landscape view cards!

Enjoy, and I hope you all have a great month! ♥

Coding: Maxi



Coding: Mini



Installation Guide

Paste into a custom style (or off-site equivalent if you don't have a paid account) and fill in the following!

Title Here - Page title
ICOURL - Page icon

NAVLINK - Top nav link; you can add as many links as desired, or you can use the subtitle for links instead and delete the nav.
TITLEHERE - Header title
SUBTITLEHERE - Header subtitle

CHARPIC - Background image of each card; you do not need set dimensions but using portrait pictures for Maxi and squares for Mini helps avoid funky positioning.
CHARNAME - Character title
CHARSUB - Character subtitle
BLURBHERE - Character blurb (Maxi only)
JOURNALURL - Link to journal

FOOTERINFO - Optional footer text; delete if unneeded, but leave footer link.

Note: To add a title to sections of the cast list just add <h2>Title</h2> before the start of the characters you want to section off.

Editing Guide

Paste the coding into Notepad or similar and bring up Replace All (usually Ctrl+H) to replace values quickly and easily!

FONTS
Open Sans - Page text
Oswald - Heading text

IMAGES
https://i.imgur.com/2zzBySA.jpg - Page background

COLORS
255,255,255 Character name border (semi-transparent rgba value)
#fff Page text and links
#ccc Highlight selection color
#333 Page background
0,0,0 Header/footer text shadow, container background, hover background, journal link background (semi-transparent rgba value)


Terms of Use

♡ Do not remove credit.
♡ Do not redistribute my codes in part or in whole (posting a copy for players to use in your game is fine with a link to original post.)
♡ If you break something during editing, please feel free to drop me a comment and I'll help as best I can!
♡ I love seeing edits! This isn't a rule, but if you have a cool edit of one of my codes I'd love to see it!

Comments

From:
( )Anonymous- this user has disabled anonymous posting.
( )OpenID
Username:
Password:
Don't have an account? Create one now.
Subject:
No HTML allowed in subject
  
Message:
 
Notice! This user has turned on the option that logs your IP address when posting.