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!
×

December 2018

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

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

Layout: Heartbreaker


image preview | [info]tess042


Information

Hey guys! I'm super stoked to post the finished layout that I did during my second Patreon livestream a couple of weeks ago! This extremely mobile-friendly layout is one of my few no-sidebar layouts, and it features a bold header and title, as well as fun entry icons and a simple, open entry display; great for game info or journals that prefer above-cut content!

I hope you're all having a great holiday season! I have a bunch of great stuff planned for 2018, and I cannot WAIT to announce and release everything I'm cooking up for you guys! Enjoy! ♥

Layout Coding



Installation Guide

♡ Go to Basics and choose S2 for your style system, fill in your title, then save.
♡ Go to Look and Feel, choose Complete Style, then save.
♡ Go to Custom Options and choose the following options:
Layout Type: One Column
Disable customized comment pages for your journal: Yes
Link text to leave a comment: Comment
Custom stylesheet: Input the CSS provided and save!

Editing Guide

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

HEADER RESIZING
Change height:78vh; to your preferred size and your header will be all set! Remember: This value shows up TWICE, so change both to the same, new header height (otherwise the side border will run down into the content or not go down far enough, depending on whether you're making your header taller or shorter.)

FONTS
Lato - Page text
Poppins - Header text

COLORS
#fff - Page background, header borders, header title and navlinks, calendar elements
#ffc0cb - Links and headers; top nav numerals
#ddd - Entry and icon border, date, footer border, calendar border
#999 - Tagspage header, date, entry tags, credit
#111 - Page text

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

Dec. 23rd, 2017 04:23 pm (UTC)
Ooooh! I like this a lot!
Dec. 30th, 2017 10:42 pm (UTC)
Ty boo! ♥ I'm super into this header, haha.
(Anonymous)
Dec. 24th, 2017 12:58 am (UTC)
Pretty!

Also, just wondering what happened to the Patron rewards for this month? :(
Dec. 24th, 2017 01:04 am (UTC)
Thank you!

Don't worry, there's still a little more than a week left this month; I'm going to be doing my December posting starting the Tuesday after Christmas day!
Dec. 24th, 2017 04:06 am (UTC)
This looks awesome! AND Marina <3
Dec. 30th, 2017 10:43 pm (UTC)
Aw, tysm! (Ugh, right?? I love her.)
Apr. 13th, 2018 02:21 am (UTC)
This is a fab layout! I do have a question, though! I am helping someone else out with their layout over at [info]sandstorm and I noticed that in my mobile browsers, the header image looks kind of funky (which it also does on your live preview, so I am thinking maybe the header is less mobile friendly? lol)

HERE is what it looks like on my iPhone 8 Plus in Safari, Firefox and Chrome. Is there a potential way to fix it so the header displays properly on mobile browsers? (I'm having a sort of similar issue with [info]lildampeer using one of your Patreon layouts in my background image displaying differently on mobile, so if the fix is the same for both, I will take that dual advice, too, lol)