Tessisamess

The Road So Far: Entry Timeline





START TITLE
Month - Year
Event Title
Nullam metus velit, efficitur quis arcu dignissim, rutrum sollicitudin ante. Duis eu purus fringilla, efficitur nisl in, volutpat est. Nulla tellus purus, fringilla vel ultrices nec, scelerisque ut nisl. In vestibulum tristique libero, a lacinia erat laoreet et. Donec urna dui, cursus id pellentesque id, rhoncus et lectus. Sed congue ornare dolor, quis ultricies tellus faucibus quis. Duis dolor quam, maximus a mi ac, finibus auctor eros.
Month - Year
Event Title
Duis dolor quam, maximus a mi ac, finibus auctor eros. Fusce suscipit eget tellus et suscipit. Integer vitae molestie arcu, ultrices varius tellus. Quisque eget lacus nec elit efficitur vehicula. Vivamus rhoncus sed leo ut bibendum.
Month - Year
Event Title
Duis eu purus fringilla, efficitur nisl in, volutpat est. Nulla tellus purus, fringilla vel ultrices nec, scelerisque ut nisl. In vestibulum tristique libero, a lacinia erat laoreet et. Donec urna dui, cursus id pellentesque id, rhoncus et lectus. Sed congue ornare dolor, quis ultricies tellus faucibus quis. Duis dolor quam, maximus a mi ac, finibus auctor eros. Fusce suscipit eget tellus et suscipit.
Month - Year
Event Title
Nullam metus velit, efficitur quis arcu dignissim, rutrum sollicitudin ante. Duis eu purus fringilla, efficitur nisl in, volutpat est. Nulla tellus purus, fringilla vel ultrices nec, scelerisque ut nisl. Duis dolor quam, maximus a mi ac, finibus auctor eros. Fusce suscipit eget tellus et suscipit. Integer vitae molestie arcu, ultrices varius tellus. Quisque eget lacus nec elit efficitur vehicula. Vivamus rhoncus sed leo ut bibendum.
END TITLE


Information

Hey guys! You all seemed super stoked for yesterday's timeline HTML page, so today's entry code is a lighter version of it! It's set up largely the same way; it just doesn't have as many features, but you can use it in a regular journal entry with any account type, so the tradeoff is pretty standard, y'know?

There are two versions below, one for inset images and one for full width images! If you aren't going to be using images in your timeline I recommend using the inset images version. Enjoy! ♥

The Coding (inset images)



The Coding (full width images)



Editing Guide

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

USING IMAGES
<img src="IMGURL" style="width:100%;margin-bottom:10px;"> - Inset images timeline; can go anywhere inside the event
<img src="IMGURL" style="width:100%;"> - Full width images timeline; must go between the section for date/title and the section for the event info

FONTS
helvetica,arial,sans-serif - Overall font

COLORS
#fff Event background
#ddd Center divider
#999 Date color
#222 Overall font color
#000 Event titles; start and end marker background
0,0,0 Box shadow on each event


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.