Tessisamess

Previous | Next

HTML Page: Carousel Bio


LIVE PREVIEW


Information

Hey guys, sorry for missing last week! Things were pretty busy over here, so I'll be making up for it by posting two things this week instead.

Today we've got a minimalist editorial HTML page bio with seamless looping navigation arrows, a sidebar nav, and fun nav highlights as you click through each page. As always these days, the color/font/etc. editing is in the CSS of this page. Enjoy! ♥

The Coding



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/tab title

COVERIMG - Front page background image
Name Here - Front page title
SUBTITLE - Front page subtitle

Full name through City, ST - Basics stats
ABOUTINFO - Basics written info

Appearance, History, and Gallery pages are pretty simple/self explanatory

Follow instructions embedded in Personality page for trait bars

ICONURL - OOC icon
Name through PBname - OOC info

Editing Guide

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

IMAGES
https://i.imgur.com/80GSNOu.png - Back arrow
https://i.imgur.com/sZcfHaT.png - Forward arrow
http://i.imgur.com/YlofFIe.png - Tab icon

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

Jul. 17th, 2018 12:56 am (UTC)
o.o Holy potatoes this is gorgeous!
Jul. 19th, 2018 07:01 pm (UTC)
Heeee, ty ty! I'M LOVIN THIS ONE TBH. ♥