Profile
Character Previews
Character Frills
Live PreviewCharacter Buttons
Live PreviewCharacter Stacked
Live PreviewCharacter Collapse
Live PreviewCharacter Card
Live PreviewUser Previews
Bonus: Collab HTML
HTML that was designed by other users & edited to work with my Tumble CSS.
I did not design/create the original HTML, I only did the edits to make them work properly with this CSS.
Details
- CSS works on user profiles & character profiles.
- Comes with 5 character HTML options & 4 user HTML option
- User CSS/HTML is compatible with default TH sections (featured comments, recent characters, etc)
- CSS allows you to customize...
- Background color or image
- Primary highlight color
- Content area body color & font
- Muted font & faded background color
- Box shadow color, secondary color and divider line color
- Max width of content area
- Includes switches for
- Recent images on character pages can be turned on/off
- Default character header can be turned on/off
- Less commonly used sidebar links can be turned on/off
- If you're writing custom HTML or using a template by a different creator, add the class "shadow" to your divs to give them the matching box shadow effect.
Dark Mode
This layout has custom colors and you can set the body/font to be whatever you want; however if you are looking for an easy way to switch it to a "dark mode" type of color scheme, here are the colors I use in my live preview:
- $bg_c: #404040
- $font: #fff
- $body: #303030
- $bg_faded: #222
- $muted: #888
- $secondary: #444
- $shadow_c: rgba(0, 0, 0, .2)
View More
Recent Images