Tessisamess

Layouts, Codes, Tutorials, & Resources

Hey there, I'm Tess!

Welcome to my blog; I make lots of different layouts, codes, tutorials, and other resources for Insanejournal and Dreamwidth RPers! There's a lot to choose from and brand new content goes up every week!

Take a look around, and don't hesitate to ask for help if you need it!

Can't get enough resources? Why not subscribe to my Patreon for exclusive monthly content, or support the creation of more content by leaving a tip on Ko-Fi! ♡

Need an invite?

If you're unable to comment on my journal to ask for help now that anon has been turned off due to serious spam issues, don't worry! Just shoot me an email and I'll send you an invite code for Insanejournal. I've got plenty to spare!
×

Please Note:

I do not offer assistance with any sites other than IJ and DW unless it is for general HTML and CSS (ie. custom hosted pages and similar.) I cannot convert a code to a new site's rules because there are a lot of niche RP sites, and I have no way of knowing each one's limitations and caveats. Sorry about that!

Layout By

Powered by InsaneJournal

Hey there, I'm Tess!

Welcome to my blog; I make lots of different layouts, codes, tutorials, and other resources for Insanejournal and Dreamwidth RPers! There's a lot to choose from and brand new content goes up every week!

Take a look around, and don't hesitate to ask for help if you need it!

Can't get enough resources? Why not subscribe to my Patreon for exclusive monthly content, or support the creation of more content by leaving a tip on Ko-Fi! ♡

Need an invite?

If you're unable to comment on my journal to ask for help now that anon has been turned off due to serious spam issues, don't worry! Just shoot me an email and I'll send you an invite code for Insanejournal. I've got plenty to spare!
×

June 2019

S M T W T F S
      1
2345678
9101112131415
16171819202122
23242526272829
30      

Please Note:

I do not offer assistance with any sites other than IJ and DW unless it is for general HTML and CSS (ie. custom hosted pages and similar.) I cannot convert a code to a new site's rules because there are a lot of niche RP sites, and I have no way of knowing each one's limitations and caveats. Sorry about that!

Layout By

Powered by InsaneJournal
Previous | Next

Timelines





📅 MODERN TIMELINE

DATE
Fusce et turpis id lorem semper elementum a nec ligula. Donec consectetur commodo velit ut posuere. Fusce eget maximus nisi, a dignissim augue. Phasellus malesuada enim sit amet enim ornare facilisis ullamcorper sit amet lacus. Praesent elementum mattis magna, vitae bibendum tellus aliquet vel.
DATE
Proin elementum volutpat consectetur. Vivamus consequat porttitor erat, sed semper sem luctus id. Maecenas gravida ex augue, at sagittis tortor ultricies ut. Vestibulum mollis euismod dolor, eu fermentum diam euismod vitae.
© TESSISAMESS



↛ TECH TIMELINE

DATE
Fusce et turpis id lorem semper elementum a nec ligula. Donec consectetur commodo velit ut posuere. Fusce eget maximus nisi, a dignissim augue. Phasellus malesuada enim sit amet enim ornare facilisis ullamcorper sit amet lacus. Praesent elementum mattis magna, vitae bibendum tellus aliquet vel.
DATE
Proin elementum volutpat consectetur. Vivamus consequat porttitor erat, sed semper sem luctus id. Maecenas gravida ex augue, at sagittis tortor ultricies ut. Vestibulum mollis euismod dolor, eu fermentum diam euismod vitae.
© TESSISAMESS



📜 old fashioned timeline

DATE
Fusce et turpis id lorem semper elementum a nec ligula. Donec consectetur commodo velit ut posuere. Fusce eget maximus nisi, a dignissim augue. Phasellus malesuada enim sit amet enim ornare facilisis ullamcorper sit amet lacus. Praesent elementum mattis magna, vitae bibendum tellus aliquet vel.
DATE
Proin elementum volutpat consectetur. Vivamus consequat porttitor erat, sed semper sem luctus id. Maecenas gravida ex augue, at sagittis tortor ultricies ut. Vestibulum mollis euismod dolor, eu fermentum diam euismod vitae.
© TESSISAMESS

Information

I realized we don't have a lot of timeline codes floating around and thought we needed more, since plenty of games and characters use them, but this could easily be used as a CR chart if you toss icons into the date block.

I have three base styles (modern, tech, and old fashioned) to work off of, and they're fairly light codes so you'll be able to add and rearrange timeline events quickly and easily! Since these work well as additions to current info I've left the outer container open, but you can easily add padding and a background to make this code more self-contained!

Since this code is on the lighter side it also shouldn't be too hard to add it inside of existing container codes so that it matches your current information theme; you'll just want to copy either the whole code or the title and the inner events from within the code and paste them right in, depending on your preference. Enjoy! ♥

Modern Timeline



Tech Timeline



Old Fashioned Timeline



Installation Guide

Paste into an entry and fill in the following; repeat date/event blocks as needed!

TIMELINE - Timeline title
DATE - Timeline date
EVENT - Timeline event

Editing Guide

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

FONTS
helvetica,arial,sans-serif - Overall font (Modern)
monospace - Overall font (Tech)
georgia,serif - Overall font (Old Fashioned)

COLORS (MODERN)
#fff - Date color
#222 - Font color
#666 - Border color
#000 - Date background

COLORS (TECH)
#fff - Date color
#999 - Font color
#666 - Border color
#000 - Date background

COLORS (OLD FASHIONED)
#fff - Date color
#44362C - Font color
#907E72 - Border color
#AB9D93 - Date background

MISC.
600px - Overall width
140px - Date width
25px - Date height and line height (remove these if you need multiple lines in the date block)
27px and 15px - Header and overall font size (Modern)
27px and 13px - Header and overall font size (Tech)
27px and 15px - Header and overall font size (Old Fashioned)

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. 19th, 2017 09:03 pm (UTC)
These are awesome. Thank you!
Jul. 19th, 2017 09:04 pm (UTC)
Aw, thank you too! <3