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

Layout: Periphery


image preview | [info]tess045


Information

Hey guys! I'm still feeling pretty crappy, so I'll probably leave the info short on this one. A small update: Since I had to take a week off, some of the 2017 Roundup posts may be pushed off into February, but all regularly scheduled posts will make it before the end of the month; don't worry!

This minimalist S2 layout comes with dropdown navigation and a blocky floating header with fun overlapping content. I could easily see this being a mod journal with a sticky note navigation. As always, the aesthetic of this design can change by miles with just a few font and color replacements and a new image!

Enjoy! ♥

Layout Coding



Installation Guide

♡ Go to Basics and choose S2 for your style system, fill in your title, then save.
♡ Fill in your Links List if desired, then save.
♡ Go to Look and Feel, choose Complete Style, then save.
♡ Go to Custom Options and choose the following options:
Layout Type: Two Column (Sidebar on Left)</b>
Disable customized comment pages for your journal: Yes
Link text to read comments: 1 // # This step is important!
Fill in sticky note if desired.
Body of custom sidebar module:
<div class="topbar"><!---

---><div class="titles"><b><a href="/">TITLEHERE</a></b> SUBTITLEHERE</div><!---

---><details class="dropdown"><summary>NAVIGATION</summary><a href="/">HOME</a><a href="/profile">PROFILE</a><a href="/friends">FRIENDS</a><a href="/calendar">CALENDAR</a><a href="http://tessisamess.insanejournal.com/">LAYOUT BY</a></details><!---

---></div>
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:80vh; to your preferred size and your header will resize! After this, you will also need to add or subtract the same amount to 70vh in #pagebody to make sure your entries still overlap correctly. (This pagebody margin is also what you'll want to edit if you don't want your entries to push down as much.)

You can also edit left:7vw;right:7vw; if you want more or less of a gap between the sides of the header and the browser.

FONTS
Montserrat - Page text
Playfair Display - Header text

IMAGES
HEADERHERE - Header background
https://i.imgur.com/37iggkV.png - Lock & user icons
https://i.imgur.com/4HDm2vx.png - Add comment icon
https://i.imgur.com/CqDacZM.png - View entry icon
https://i.imgur.com/brD8WR4.png - Edit entry icon
https://i.imgur.com/nSm7Sij.png - Edit entry tags icon

COLORS
#fff - All backgrounds and borders
#a1becc - Entry link hover
#999 - Entry date and tags
#638ea1 - Page link hover, entry links, some calendar elements, title border
#111 - Page text
#000 - Page links, headers
0,0,0 - Borders and shadows (semi-transparent rgba value)

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.