southcodes

char page #1 “tess” preview 1 ; code - preview 2 ; code by southcodes

hello here’s a character page with two different sidebars, sorry instagram for ripping off your entire design

- sidebar links + hover for links on each box

- as many links/lines as you want

- scrollable boxes

if you need help or there are any errors or somethings not working the way it should hit my ask!

please like/reblog if you use!

nonspace

PAGE THEME #03 v. 3.0 CAFFEINE FICTION [Preview]

SODA POP FICTION revamp.  A minimalistic character page theme. It features tabs for each character with two pages for additional info, connection popups and lightbox image galleries.

↳ [GITHUB]

Features:

• Image side navigation
• Two pages per character
  
• Connection pop up
• Lightbox social media images
• Sidebar image
  
• Filtering
• Semi-responsive
  
• Requires at least basic html knowledge.

Credits:

• Font Awesome Icons
• Lightbox Plugin
• Unsplash Stock Images
  

Edit and customise to your liking. Don’t repost/redistribute and/or claim as your own. Do not use as a base code. Leave the credit, thank you.

As always, explanations are in the code. I’ll be updating them from time to time. If you are having issues, take a look at this themes FAQ, or my general FAQ. Not finding anything? Shoot me a message. Please report any bugs to me.

nonspace

THEME #07 MIRAGE [Preview]

All in one theme.  Made for writers and roleplayers. Includes about, character, faq, custom ask and custom submit tabs.

↳ [GITHUB] | [THEME GARDEN] (soon)

Features:

• Full height sidebar with image
• 3 Social links & 4 extra custom links
• About, FAQ, character page, ask & submit tabs
  
• Updates
• Accent & highlight colors
• Rounded corners & shadows (optional)
  
• Custom list icon
• Custom Google Fonts, font size, weight, line height
  
• Post width selection: 300, 400, 500, 540 & 700px
• Responsive

Credits:

• Font Awesome Icons
• Unsplash Stock Images
• Layout inspired by eCommerce dashboard Dribble
  

Edit and customise to your liking. Don’t repost/redistribute and/or claim as your own. Do not use as a base code. Leave the credit, thank you.

As always, explanations are in the code. I’ll be updating them from time to time. If you are having issues, take a look at this themes FAQ, or my general FAQ. Not finding anything? Shoot me a message. Please report any bugs to me.

nonspace

PAGE THEME #12 MIRROR IMAGES [Preview]

Character page.  Including grid and an optional detailed page. Matches MIRAGE blog theme.

↳ [GITHUB]

Features:

• Grid with filters
• Variable grid item & image sizes
  
• Sidebar links with home button and more
  
• Detail page: link sidebar, avatar (128x128), social links, table, texts, traits, skills, connections & pinterest board
  
• Accent & highlight colors
• Rounded corners & shadows
  
• Custom Google Fonts, font size, weight, line height
  
• Responsive

Credits:

• Font Awesome Icons
• Unsplash Stock Images

Edit and customise to your liking. Don’t repost/redistribute and/or claim as your own. Do not use as a base code. Leave the credit, thank you.

As always, explanations are in the code. I’ll be updating them from time to time. If you are having issues, take a look at this themes FAQ, or my general FAQ. Not finding anything? Shoot me a message. Please report any bugs to me.

spielglocken

Character page: Djakarta

This is a character bible kind of page. Displays page title and blurb and list of characters on initial load. Character details are visible on click. Features:

• A post-it-style summary
  
• Quote/catchphrase
  
• Basic info
• Modular/extended character info
• Press ESC button to hide currently viewed character
• Space for character tags or traits (or both)
  
• Space for character biography or otherwise wall of text with formatted heading tags and blockquotes
• Space for related characters (image + name + optional label)
• Space for character moodboard and color scheme (5 colors)
  
• Responsive! (for the most part)

Preview + Install: Preview 01 | Preview 02 (full screen) | Install

The preview images are kinda lazy, but I swear it looks a lot better live. I spent a lot of time on this and hopefully I didn’t miss anything, but if there are any problems let me know! Some notes:

• Knowledge in HTML and CSS are necessary for easier editing
• All sections are optional and you can switch the elements around as you please
  
• All notes necessary for editing are included in the code, please read through them